2017-10-01 1 views
1

J'ai mon ASP.NET Core + Angular WebApp téléchargé sur GitHub (via VSTS) et maintenant je voudrais configurer le pipeline CI. Après cela, je voudrais déployer mon application à Azure.

Dans la section de modèle - il est un modèle de base ASP.NET , mais aussi un modèle Web App Azure . Compte tenu de mon cas qui est mieux adapté pour ce cas-ci?

ASP.NET Core 2 + Angulaire -> comment configurer VSTS?

+0

Avez-vous un seul projet qui contient à la fois? Ou sont-ils séparés dans un projet API et SPA dédié qui fournira des résultats séparés? –

+0

@ChrisRichner c'est une solution et un projet ASP.NET Core. Il y a un dossier dans ce projet appelé ClientApp qui contient tout (je crois) des trucs angulaires. Le projet est fondamentalement le nouveau modèle Angular qui est sorti il ​​ya quelques jours avec ASP.NET Core 2.0.0 BTW, vous pouvez le vérifier et le regarder dans ... comme 30 secondes ... si vous avez. Core 2 installé sur votre machine :) – PaxForce

+0

_dotnet new angular_ rules! ,) –

Répondre

0

J'ai trouvé le presque la réponse de travail parfaite dans Levi Fuller's blog. Vous pouvez le faire fonctionner avec un changement mineur: contrairement à ce que dit Levi, vous avez vraiment besoin une seule tâche de NPM


  1. mis en place la tâche de NPM
    • par cliquez sur le bouton trois points -> définissez le dossier de travail avec le fichier package.json dans votre dossier contenant le fichier package.json.


  1. mis en place le déploiement service App Azure
    • en cliquant sur le bouton trois points -> régler le paquet ou dossier dans votre dossier contenant le fichier .csproj.


build definition

0

Il n'existe pas de modèle de construction que vous utilisez directement, le modèle est pratique à utiliser, vous devez le modifier en fonction des exigences détaillées.

Reportez-vous à ces étapes:

  1. Aller à construire la page de projet d'équipe (par exemple https://XXX.visualstudio.com/[teamproject]/_build)
  2. Cliquez sur + Nouveau bouton pour créer une définition de build avec ASP.NET noyau modèle

enter image description here

enter image description here

  1. Ajouter une tâche d'installation npm avant la tâche .NET Core Restore (commande: install; Dossier de travail avec package.json: [chemin du dossier package.json])

enter image description here

  1. (en option) Supprimer/désactiver la tâche Core Test .NET si vous n » t besoin
  2. Ajouter Azure service App tâche déploiement à la fin (paquet ou un dossier: $(build.artifactstagingdirectory)/**/*.zip; Cochez l'option Publish using Web Deploy)

enter image description here

Remarque: vous pouvez déplacer l'étape 4 pour libérer et lier cette version à la version (modifiez le package ou le dossier en $(System.DefaultWorkingDirectory)/**/*.zip).

+0

oh, je vais avoir besoin d'une réponse muuuch plus détaillée que cela, mon pote. – PaxForce

+0

@PaxForce J'ajoute les captures d'écran. –

+0

@PaxForce Le nettoyez-vous? –