2017-08-09 4 views
-2

Je suis débutant, je veux des explications concrètes.Comment déployer angular2 à l'azur?

Je souhaite déployer le projet de base Angular2 vers le service Web/App Azure. J'ai terminé le paramètre Azure et l'ai déployé dans mon référentiel github. et Par cli angulaire, j'ai créé le projet angular2.

ng nouveau ~~ NPM i ng servir -o

enfin, je ne sais pas comment déployer ce dossier à mon azur.

+1

cela pourrait être utile https://stackoverflow.com/a/43119936/4382557 –

Répondre

0

Vous devez construire votre application en utilisant la commande cli suivante:

ng build 

Il y a beaucoup plus de paramètres que vous pouvez utiliser avec cela, vous pouvez lire à leur sujet here.

L'exécution de la génération génère un nouveau dossier appelé dist. Le contenu de ceci est ce que vous devez déployer sur Azure ou sur tout autre service/serveur cloud.

0

Vous devez construire votre application en utilisant la commande cli suivante: ng build --prod build va créer un nouveau dossier appelé fichiers dist.Copy dans dist et collez-le au serveur folder.It seront des œuvres ..

-1

Étape : 1 angulaire cli Installation

npm install -g angular-cli 

Étape: 2 Créer un projet à l'aide angulaire cli

ng new myApp 

Étape: 3

cd myApp 

Étape: 4

vous pouvez utiliser http serveur pour servir votre application.

npm install http-server -g 

Étape: 5

ng build --aot 

il va copier tout à partir du code source à dist dossier

étape 6:

http-server dist/ -p 80 > .output.log & 

il servira tous les fichiers votre dossier. vous pouvez vérifier sur le terminal quelle adresse IP et quel port vous pouvez utiliser pour accéder à l'application. Maintenant, ouvrez votre navigateur et tapez

ip-adress:port 

espère que cela vous aidera :)

-1

Je voulais part un moyen facile de publier l'application angulaire à Azure.

Contexte: angualar2 projet api web combo projet asp.net natif

Réponse: Publier le projet principal qui n'a pas été complet jusqu'à ce que je fis deux pas

  1. clic droit sur le répertoire d'applications tenant fichiers angular2 et le menu publier
  2. afficher tous les fichiers, puis cliquez droit sur le répertoire des noeuds et le menu éditent

Jusqu'à ce que je l'ai fait 1 et 2 tout ce que j'obtenu une page html d'index vide. espérons que cela aide quelqu'un.