web-dev-qa-db-fra.com

Comment puis-je utiliser Angular 2 in PHP application?

Je suis un développeur PHP et j'ai commencé à apprendre Angular2. Mais je ne sais pas comment l'utiliser avec PHP . Est-il possible d'utiliser Angular comme interface? ?__. Ce que je dois faire? Comment l'utiliser sur un hébergement partagé sans que Node.js ne soit installé?

phpangular
18
m6devin

Mes deux cents en tant que développeur de longue date PHP qui a beaucoup joué avec Angular2.

En tant que développeur PHP, vous vous attendez à ce que votre PHP affiche une page HTML et l'envoie au client. Vous ne ferez pas cela avec Angular2. Tout ce traitement qui aurait lieu en PHP, à la construction de tables de données, de listes ou à quoi que ce soit qui est maintenant le travail d’Angular.

La seule chose que vous allez faire avec PHP maintenant est simplement d'envoyer des réponses JSON. D'autres l'ont déjà dit ci-dessus. 

Je suppose que puisque vous posez cette question, vous avez peu ou pas d'expérience de travail avec Angular2. Alors voici le deal:

Apprenez à utiliser Node and NPM sur votre ordinateur local. Apprenez à utiliser NPM pour configurer votre projet Angular2 vide. Jouez et développez sur votre machine locale.

Lorsque vous êtes prêt à charger des données, PHP peut être impliqué en envoyant des données JSON vers le serveur afin qu'elles puissent être utilisées par Angular.

Lorsque vous êtes prêt à mettre votre application Angular2 en ligne pour le monde entier, vous avez plusieurs options de construction. Vous devez compiler votre code de TypeScript à Javascript.

J'utilise l'outil CLI angulaire. Cela me permet simplement de lancer "ng build" et l'application est compilée.

Ensuite, je peux télécharger le dossier qu'il génère sur mon serveur Apache et cela fonctionne. La CLI angulaire crée un dossier appelé "dist" qui contient tout ce dont votre front-end aura besoin.

Part de gâteau.

62
sitesbyjoe

De préférence, votre site téléchargera simplement un simple index.html et un fichier nommé app.js qui contient l’ensemble de votre JS et donc de votre application Angular.

PHP sera assis sur un serveur faisant le travail d'une API, qui répond avec une requête JSON/XML à la demande, votre application angulaire utilisera ensuite le JSON pour construire l'interface Web.

Vous pouvez avoir PHP hébergé n'importe où et servir votre application angulaire depuis un autre endroit, même si cela n'est pas recommandé en raison du temps de latence

<html>
  <script src="app.js">  
</html>

7
Borjante

autant que je sache, AngularJS est un framework Javascript côté client. Donc, en général, il n'y a pas besoin de 'nodejs'. Vous avez juste besoin des fichiers de bibliothèque AngularJS inclus dans votre code HTML qui seront produits par votre code PHP.

Je suppose que vous devriez regarder de plus près AngularJS au début.

4
inzanez

ci-dessus [sitesbyjoe] la meilleure réponse est géniale. Il suffit de détailler les étapes, 

ouvrir cmd

1) cd votre dossier de projet

2) ng construire

3) copier le dossier dist dans Apache/htdocs/[dist/ou votre nom de projet]

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.

5) http: // localhost: 80/votre-nom-projet/index.html

Ça marche.

1
hoogw