Hébergement Angular sur Heroku
Je ne parviens pas à trouver un didacticiel expliquant comment héberger une application angular2 (espérons-le avec TypeScript) sur Heroku ou tout autre fournisseur d'hébergement.
Idéalement, j'aimerais trouver un moyen d'exécuter ce référentiel sur Heroku, mais des indications sur tout référentiel angular2/TypeScript sur Heroku seraient utiles: https://github.com/auth0/angular2-authentication-sample
Toute orientation ou conseil que vous pourriez offrir serait grandement apprécié.
Vous aurez besoin d'une application/d'un framework de serveur pour cela.
Ce référentiel contient des fichiers de l'application Express Generator et de l'application Quick-start Angular 2.
- Git: https://github.com/vladotesanovic/angular2-express-slim
- Heroku démo: https://express-angular2-slim.herokuapp.com/
J'ai un autre exemple qui est également prêt pour Heroku: express + angular 2 + Procfile (requis par Heroku) + autres bibliothèques
- Git: https://github.com/vladotesanovic/angular2-express-starter
- Démo Heroku: https://github.com/vladotesanovic/angular2-express-starter
Vous avez besoin d'un compte sur Heroku. Poussez ce code tel quel (dans les deux cas).
Rapport officiel de Angular2 (rendu côté serveur) sur Express: https://github.com/angular/universal-starter
Si vous utilisez le paquetage de noeud de Heroku, je pense que vous devriez aller bien. J'ai pu déployer le projet Angular 2 seed sur Heroku de cette façon.
Si vous souhaitez déployer une application Web complète à l'aide de Angular 2, vous aurez certainement besoin d'une couche de persistance, comme celle de Vlado.
Si vous souhaitez déployer Angular 2 sur Heroku avec Rails, voici un tutoriel pour cela. https://www.angularonrails.com/deploy-angular-2Rails-5-app-heroku/
Angular 2 ayant été déplacé de systemjs à webpack, vous pouvez le créer à l'aide du buildpack Node.js, puis le servir avec un buildpack statique.
Voici ma version de la graine Angular 2 d'aujourd'hui (24 octobre 2016) prête à être déployée à Heroku en utilisant cette approche: heroku-angular2-seed .