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.

[69Pierre]

OK merci.

[69Pierre]

Bonjour.
Ca y est, j'ai réussi à faire ce que je voulais.
Partir de mon application pHp, et créer un répertoire Angular qui contient ce qui est issu du

Code :

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

ng build

qui deviendra

Code :

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

ng build --prod

pour avoir du code plus propre.

Code :

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

ng build

construit le projet comme très bien expliqué https://code.i-harness.com/fr/docs/a...ide/deployment. On récupère en sortie tout ce qu'il y a dans le répertoire /dist qui vient d'être créé.
Ce sera pour moi le répertoire Angular que je vais mettre avec les répertoires du projet pHp (voir capture d'écran) et tout cela sera déposé sur mon serveur.
J'ai juste modifié le nom du fichier index.html d'angular en angular.html pour qu'il n'y ait pas de confusion avec l'index.php déjà existant dans mon projet pHp qui reste le point d'entrée de l'application.



Ensuite, j'ai ajouter un lien dans le header de l'appli :

Code html :

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

<li><a href='/Projet-V5/Angular/angular.html'>Données</a></li>

pour pouvoir aller sur la partie développée avec angular et un bouton

Code html :

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

<a href="/Projet-V5" target="_blank"> <input type="button" value="Retour pHp"> </a>

pour pouvoir retourner sur la partie de l'appli développée en pHp, JS, jQuery, CSS, etc.


Je ne prétends pas avoir fait quelque chose de propre mais ça fonctionne et comme cette appli est pour moi un prototype qu'il me sert d'espace d'exercice, ça ira.

Je suis, par contre, très demandeur de vos conseils et critiques.

Alain.

PS : j'ai modifié aussi le href du angular.html (le point d'entrée angular)

Code html :

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

1
2
 <base href="./">
<!--  <base href="/">-->

[69Pierre]

Bonjour.

Je pense avoir trouvé mon bonheur : https://www.techiediaries.com/angula...ysql-database/
Bon c'est en anglais, ce sera un peu plus long pour moi.

[krakatoa]

developper une api rest en pure php c'est un peu une folie de nos jours.
on utilise des framework pour ça.

comme api platform de Symfony

[69Pierre]

Je reconnais que je suis un peu fou.
Cependant faire de la sorte me permet de comprendre à travers un projet qui mon bac à sable, mon cahier d'exercice.

[krakatoa]

c'est comme si tu avais du linge sale à laver et que tu décidais de le faire à la main alors qu'il existe des machines à laver.

bon après tout, dans la vie faut faire comme cela nous plait, il n'y a pas de règle !