Discussion :

[69Pierre]

Bonjour.

Je cherche les sources d'une petite appli écrite avec angular 2 et php pour voir comment sont articulés les répertoires e t fichiers de cette application.
J'ai bien cherché, je ne trouve pas.
Il y a surtout des tuto sur comment créer une appli avec Angular.
Je comprends que le html est fabriqué dynamiquement par Angular, mais à un comment donner il faudra du code côté serveur ne serait que pour communiquer avec la BDD de manière un peu plus sécure.
Là, j'ai l'impression que l'on créé une appli web avec Angular (et ses indispensables outils NodeJS et CLI) mais jamais je ne vois de code php (celui qui m’intéresse) ou autre.

Donc une appli minimaliste avec répertoires et sources Angular et PHP me serait très utile si vous savez où je peux trouver ça.

Une 2eme question, peut t-on écrire les script Angular après ceux de php ?

Je ne veux savoir si c'est mieux ou moins bien de faire comme ça, je voudrais si c'est possible et comment ?

Je vous remercie de votre aide.

[Marco46]

Là, j'ai l'impression que l'on créé une appli web avec Angular (et ses indispensables outils NodeJS et CLI) mais jamais je ne vois de code php (celui qui m’intéresse) ou autre.

Donc une appli minimaliste avec répertoires et sources Angular et PHP me serait très utile si vous savez où je peux trouver ça.

C'est normal de ne rien trouver parce qu'il s'agit forcément de deux applications différentes. L'appli Angular est ton frontend, c'est un projet à part dans un dépôt Git dédié avec son numéro de version et son cycle de release, et ensuite ton PHP sert à développer le backend qui expose des services web et qui a son dépôt Git dédié, avec son numéro de version etc ...

Il s'agit de deux applications distinctes.

[69Pierre]

Merci de ta réponse.

2 applications c'est une vue développeur.
Pour l'utilisateur, il n'y a qu'une application.
Mais ce que je voulais savoir c'est comment les "2" appli communiquent avec des exemples de scripts.

Ta réponse me mets le doute sur une chose. Je pensais qu'angular était du javascript lisible directement par le navigateur.
Mais au vu de ta réponse, je crois comprendre qu'angular est du langage compilé, si non on aurait pu simplement déposer un ensemble de repertoires sur le serveur web.

[Marco46]

2 applications c'est une vue développeur.
Pour l'utilisateur, il n'y a qu'une application.

Justement ta question est technique, le point de vue de l'utilisateur n'a rien à voir là dedans. Techniquement tu as forcément 2 applications.

Mais ce que je voulais savoir c'est comment les "2" appli communiquent avec des exemples de scripts.

Le backend expose des webservices, souvent du REST retournant du json.

Le frontend consomme ces webservices pour manipuler les données stockées sur le serveur.

J'ai pas d'exemple particulier sous la main à te fournir mais il y en a des myriades sur internet, peut être pas tout ensemble clef en main justement parce qu'il s'agit de projets séparés. Donc tu vas trouver beaucoup d'exemples de frontend, beaucoup d'exemples de backend, à toi de lier les deux.

Faire un PoC ultra basique en JavaScript pur via Express et n'importe quel framework / lib front moderne c'est l'affaire de quelques heures.

Ta réponse me mets le doute sur une chose. Je pensais qu'angular était du javascript lisible directement par le navigateur.

Oui c'est le cas. Je ne comprends pas comment ma réponse peut te faire douter de ça ?!?

Mais au vu de ta réponse, je crois comprendre qu'angular est du langage compilé, si non on aurait pu simplement déposer un ensemble de repertoires sur le serveur web.

J'ai jamais parlé de langage compilé ! Qu'est ce qui, dans ma réponse, te fait parler de ça ?

si non on aurait pu simplement déposer un ensemble de repertoires sur le serveur web.

Pourquoi tu écris "si non" ? Quel rapport entre l'usage d'un langage compilé ou interprété et la méthode de déploiement du livrable ?

C'est effectivement de cette manière que l'on sert les applications frontend modernes, il s'agit d'un simple CDN sur lequel l'utilisateur télécharge l'application dans son navigateur sans même s'en rendre compte. Il touche index.html qui télécharge toutes les dépendances, ensuite le JavaScript s'exécute et démarre l'application. Plus rien n'est calculé sur le serveur web pour le frontend.

Du point de vue de l'utilisateur il n'y a pas de différence avec un site généré côté serveur (comme les vieux sites en PHP type wordpress) mais techniquement l'architecture est radicalement différente, c'est cette architecture que j'essaie de t'expliquer et j'ai l'impression que tes connaissances sur le sujet font référence à l'ancienne architecture. Quand je dis ancienne pas tant que ça et c'est toujours d'actualité mais pour le développement d'applications web la nouvelle architecture a vraiment très significativement pris le pas sur l'ancienne.

[69Pierre]

Merci beaucoup pour ta réponse complète.
Il ne manque maintenant en fait qu'un exemple de index.html avec essentiellement la partie head et les appels minimum aux "librairies" nécessaire à angular.
J'emploie librairie parce que je ne sais pas quoi dire d'autre mais pour moi c'est le pendant d'un

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<script src="https://.../jquery.min.js"></script>

[Marco46]

Normalement c'est géré par ton projet Angular via Webpack. Pour les débutants le plus simple c'est de passer par angular-cli.

Je pense qu'il faut que tu fasses les tuto et la lecture de la doc de Angular indépendamment de tes questions sur PHP. Et après tu te tournes vers le back pour voir comment mettre en place des webservices avec un backend PHP.