Comment héberger un site Web angular 2?
Je suis nouveau sur angular 2 et j'ai fait un site Web simple sans back-end.
Je me suis demandé que lorsque j'essayais d'ouvrir directement le fichier index.html, il s'ouvre avec une erreur.
Mais après la commande "npm start"
cela fonctionne très bien, qui exécute un serveur local sur l'ordinateur.
Alors, comment héberger ce site Web sur des sites d'hébergement simples (pas un serveur dédié ..!)?
Je pense que les sites d'hébergement trouvent automatiquement le fichier index.html, mais voici le problème, index.html ne démarre pas sans "npm start"
commande.
puis-je avoir à démarrer un processus pour cela sur le serveur?
guidez-moi s'il-vous-plaît.
Hébergez votre Angular 2 App sur Firebase en utilisant ces étapes simples: Créez un projet avec Angular CLI en premier. Obtenez plus d'informations ici https://cli.angular.io/
Étape 1: Créez votre application
Exécutez la cmd ci-dessous pour construire
ng build --prod
Étape 2: créer un projet FireBase et installer la CLI Firebase
Ouvrez la console Firebase à https://console.firebase.google.com/ et créez un nouveau projet Firebase.
Pour installer les outils de ligne de commande Firebase, exécutez:
npm install -g firebase-tools
Étape 3: déploiement sur FireBase
Exécutez la cmd firebase ci-dessous pour vous connecter:
firebase login
Il ouvrira le navigateur et vous demandera une authentification. Connectez-vous avec votre compte Firebase. Là, vous pouvez fermer la fenêtre du navigateur. Sur la ligne de commande, vous recevrez le message que la connexion a été effectuée avec succès.
Exécutez maintenant le cmd ci-dessous:
firebase init
Tout d'abord, on vous demande quelles fonctionnalités du client Firebase vous souhaitez utiliser. Vous devez sélectionner l'option Hébergement: configurer et déployer le site d'hébergement Firebase. Ensuite, le client Firebase demandera quel dossier utiliser pour le déploiement. Tapez dist . C'est important parce que c'est l'endroit où notre build de production est stocké.
Ensuite, la question est de savoir si cette application est une application d'une seule page et si elle doit réécrire toutes les URL dans index.html. Dans notre cas, nous devons répondre oui.
La dernière question est de savoir si Firebase doit écraser le fichier index.html. La réponse à cette question est non.
Maintenant, exécutez la cmd ci-dessous pour déployer:
firebase deploy
Firebase fournira une [~ # ~] url [~ # ~] que vous pouvez utiliser pour accéder à votre application en ligne.
[Mise à jour]
Maintenant, après avoir déployé avec succès votre application si vous souhaitez apporter des modifications et déployer le code sur la même URL. Suivez la même procédure. Mais assurez-vous que vous pointez votre projet.
Pour lister tous les projets, utilisez cette commande:
firebase list
Pour faire un projet comme projet en cours, utilisez:
firebase use <project_id>
vous pouvez utiliser serveur http :
http-server est un simple serveur HTTP en ligne de commande à configuration nulle. Il est assez puissant pour une utilisation en production, mais il est suffisamment simple et piratable pour être utilisé pour les tests, le développement local et l'apprentissage.
npm install http-server -g
construire le projet en:
ng build -app
puis sur le répertoire du projet, utilisez:
http-server dist/ -p 3000 // -p is port
sur le navigateur http: // localhost: 30 ou http: // your-ip: 30
vous pouvez utiliser heroku pour déployer votre solution:
Si vous avez un package d'hébergement simple, la réponse est vous ne pouvez pas.
Un forfait d'hébergement chez un fournisseur d'hébergement normal n'offre pas cela.
Soit vous avez besoin d'un "fournisseur spécial" comme Google Firebase, soit vous avez votre propre machine (virtuelle) (chez un hébergeur).