web-dev-qa-db-fra.com

Peut-on héberger un blog statique basé sur angular.js sur Github?

Je sais que l'on peut héberger un site/blog statique basé sur Jekyl via les pages Github. Peut-on faire la même chose avec un site/blog statique basé sur AngularJS?  

angularjsgithub-pages
50
user883807

Je dirais que oui, étant donné que toutes les pages de l'interface graphique github sont en fait des applications angulaires avec des démonstrations

http://angular-ui.github.io/

http://angular-ui.github.io/bootstrap/

etc

38
lucuma

Vous pouvez, mais vous ne pouvez pas utiliser le mode html5 (supprime le # des URL). Si vous utilisez le mode html5, vous devez rediriger toutes les demandes vers l'URL racine depuis son application de page unique. Comme vous ne pouvez pas utiliser de code côté serveur sur les pages GitHub, vous ne pouvez pas le faire. Donc, si le # dans l'URL ne vous dérange pas, allez-y. Si vous souhaitez utiliser le mode html5, vous devez rechercher un hébergement ailleurs.

Des docs angulaires ...

"Using [html5] mode requires URL rewriting on server side, basically you have to 
 rewrite all your links to entry point of your application (e.g. index.html)"

EDIT: Vous pouvez utiliser quelques astuces astucieuses pour que cela fonctionne si vous le souhaitez vraiment. Les hacks sont décrits en détail ici . En résumé, vous renommez votre index.html en 404.html et github le servira sur toutes les routes.

92
Charlie Martin

Il faut tenir compte d'un conflit entre Jekyll et Angular.

Liquid, inclus dans Jekyll, utilise également {{ }} pour évaluer les expressions. Pour changer les expressions interprétées par angular (pour éviter les conflits avec Liquid), utilisez:

var myapp;
myApp = angular.module('myApp', []);

myApp.config([
  '$interpolateProvider', function($interpolateProvider) {
    return $interpolateProvider.startSymbol('{(').endSymbol(')}');
  }
]);

Découvrez cet article de blog

12
Connor Leech

Oui, vous pouvez. J'ai récemment joué avec les pages AngularJS/TypeScript et github et j'ai pu déployer le site.
Comme AngularJS n’est que du javascript, vous pouvez utiliser n’importe quel serveur Web convenable, par exemple. github pages . Voici le demo .
Vous pouvez trouver le code source ici . Ce référentiel contient le code source TypeScript que vous devez compiler pour obtenir le fichier javascript approprié. Ensuite, vous mettez essentiellement ce fichier, y compris ce fichier, dans votre fichier index.html et vous avez terminé.

1
trojan03