Como posso usar o Angular 2 na aplicação PHP?
4 answers
Como programador de PHP, espera que o seu PHP desenhe uma página HTML e envie para o cliente. Não vais fazer isso com o Angular2. Todo esse processamento que ocorreria em PHP, tabelas de dados de construção, listas, ou o que quer que seja agora o trabalho Angular.
A única coisa que vais fazer com o PHP agora é simplesmente enviar respostas ao JSON. Outros já disseram isso acima. Estou a assumir que, já que estás a perguntar isto, tens pouca ou nenhuma experiência a trabalhar com o Angular2. Então é assim:Aprenda a usar o nó e o NPM na sua máquina local. Aprenda a usar o NPM para configurar o seu projecto Angular2 vazio. Jogue e desenvolva na sua máquina local.
Quando estiver pronto para carregar os dados, o PHP pode envolver-se enviando os dados JSON para a frente para utilização Angular.
Quando estiver pronto para colocar o seu aplicativo Angular2 online para o mundo você tem uma série de opções de construção. Você precisa compilar seu código a partir de Typescript para Javascript. Tenho usado a ferramenta de clip Angular. Isso deixa-me correr o "ng build" e a aplicação é compilada. Depois posso enviar a pasta que gera para o meu servidor apache e funciona. O CLI Angular faz uma pasta chamada "dist" que contém todas as coisas que a sua extremidade dianteira vai precisar. Foi canja.De preferência, o seu site irá apenas baixar um índice simples.html e um ficheiro chamado app.js que contém todos os seus JS e, portanto, o seu aplicativo Angular.
O PHP estará sentado num servidor a fazer o trabalho de uma API, que está a responder com o JSON/XML para pedir, o seu aplicativo angular irá então usar o JSON para construir a interface web.
Você pode ter PHP hospedado em qualquer lugar, e servir o seu aplicativo angular de outro lugar, mesmo que não seja recomendado por causa de latência
<html>
<script src="app.js">
</html>
Abrir cmd
1) cd pasta do seu projecto
2) ng build
3) copiar a pasta dist para o apache / htdocs/[dist/ou o seu-projecto-Nome]
4) Important: open the index.html file, find <base href="/">
change it to <base href="/your-project-name/">
Without doing this, js file will not be load correctly.
Funciona.