Intégrer dans docker une application ANGULAR
Dans le cadre d’un POC j’ai eu à « dockeriser » une application ANGULARJS. Cette dernière utilise les briques logicielles suivantes :
- Angular JS
- Json-server qui se abse sur nodeJS pour bouchonner mes APIS REST.
J’ai donc utilisé docker-compose pour orchestrer le tout. Voici la configuration
front: build: ./front ports: - "80:80" back: image: clue/json-server ports: - "3000:80" volumes: - $PWD/back/config:/data
Définition du front
Dans le répertoire front, j’ai ajouté les sources (JAVASCRIPT, HTML, CSS,…). Ca donne
FROM coreos/apache MAINTAINER .... EXPOSE 80 COPY resources/monsite /var/www CMD ["/usr/sbin/apache2ctl","-D","FOREGROUND"]
Définition du back
Pour le back, vu que c’est du mock, je ne me suis pas trop embêté. J’ai donc utilisé json-server et ajouté dans le répertoire config le fichier json correspondant aux bouchons.
Exécution
Construction du projet
A la racine
$ docker-compose build
Exécution
$docker-compose up
Conclusion
Et voila vous avez un site basé sur angular avec utilisation d’une API REST utilisable . Il manque encore certaines briques indispensables telles que ha_proxy par ex, mais ça me suffit pour une démo.
