web-dev-qa-db-fra.com

comment héberger angular 2?

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.

9
Yash

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>
27
AmanDeepSharma

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

3
waris

vous pouvez utiliser heroku pour déployer votre solution:

https://www.heroku.com

2
Ahmed

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).

1
RWC