Node.js-csomag létrehozása és közzététele

Azure DevOps Services | Azure DevOps Server 2022 – Azure DevOps Server 2019

Ebben a rövid útmutatóban egy folyamat használatával hozhat létre egy Node.js-csomagot a Node Csomagkezelő (npm) használatával, és közzétehet egy folyamatösszetevőt. Megtudhatja, hogyan hozhat létre, helyezhet üzembe és tesztelhet JavaScript-alkalmazásokat az Azure Pipelines használatával.

Előfeltételek

• Egy GitHub-fiók, ahol adattárat hozhat létre. Hozzon létre ingyenes GitHub-fiókot.
• Egy Azure DevOps-szervezet. Hozzon létre egyet ingyen.
• Egy Azure DevOps-projekt. Hozzon létre egyet az Azure DevOps Projektlétrehozás varázslóval.
• Folyamatok futtatása a Microsoft által üzemeltetett ügynökökön. Igényelnie kell a párhuzamos feladatok ingyenes megadását, vagy meg kell vásárolnia egy párhuzamos feladatot.

A mintakód elágazása

A minta Express.js kiszolgálóalkalmazás elágazása.

1. Nyissa meg a js-e2e-express-server adattárat.
2. Válassza az Elágazás lehetőséget a lap jobb felső sarkában.
3. Válassza ki a GitHub-fiókját. Alapértelmezés szerint az elágazás neve megegyezik a szülőadattár nevével, de más nevet adhat neki.

Fontos

Az alábbi eljárások során előfordulhat, hogy a rendszer arra kéri, hogy hozzon létre egy GitHub-szolgáltatáskapcsolatot , vagy átirányítsa a GitHubra a bejelentkezéshez, az Azure Pipelines telepítéséhez vagy az Azure Pipelines engedélyezéséhez. A folyamat befejezéséhez kövesse a képernyőn megjelenő utasításokat. További információ: Access to GitHub-adattárak.

A folyamat létrehozása

YAML

1. Az Azure DevOps-projektben válassza a Pipelines>Create Pipeline lehetőséget, majd válassza a GitHubot a forráskód helyeként.
2. Az Adattár kiválasztása képernyőn válassza ki az elágazott mintaadattárat.
3. A folyamat konfigurálása képernyőn válassza a Starter-folyamatot. Az Azure Pipelines létrehoz egy azure-pipelines.yml nevű YAML-fájlt a folyamathoz.
4. Válassza a Mentés és futtatás melletti legördülő elemet, válassza a Mentés lehetőséget, majd válassza ismét a Mentés lehetőséget. A fájl az elágaztatott GitHub-adattárba lesz mentve.
5. A következő képernyőn válassza a Szerkesztés lehetőséget.

A csomag létrehozása és egy összetevő közzététele

Szerkessze a azure-pipelines.yml fájlt az alábbiak szerint.

1. Cserélje le a fájl tartalmát a következő kódra. A kód frissíti az Node.js eszköz telepítőfeladatát , hogy Node.js 16 LTS-es verziót használja.

   trigger:
   - main
   
   pool:
     vmImage: 'ubuntu-latest'
   
   steps:
   - task: UseNode@1
     inputs:
       version: '16.x'
     displayName: 'Install Node.js'
   
   - script: |
       npm install
     displayName: 'npm install'
   
   - script: |
       npm run build
     displayName: 'npm build'
   
   - script: 
       npm test
     displayname: 'npm test'
   
   

2. Adja hozzá a következő új tevékenységeket a folyamathoz:

   • A másolási fájlok feladat a fájlokat az src és a nyilvános mappákból a buildösszetevő átmeneti könyvtárába másolja.

   • A közzétételi folyamat összetevőfeladata lekéri a fájlokat az összetevő előkészítési helyről, és összetevőkként teszi közzé őket, hogy a folyamat buildekkel legyen kimenetként.

   - task: CopyFiles@2
     inputs:
       sourceFolder: '$(Build.SourcesDirectory)'
       contents: |
          src/*
          public/*
       targetFolder: '$(Build.ArtifactStagingDirectory)'
     displayName: 'Copy project files'
   
   - task: PublishPipelineArtifact@1
     inputs:
       artifactName: e2e-server
       targetPath: '$(Build.ArtifactStagingDirectory)'
       publishLocation: 'pipeline'
     displayName: 'Publish npm artifact'
   

A folyamat futtatása

Válassza az Ellenőrzés és mentés, majd a Mentés, a Futtatás, majd a Futtatás újra lehetőséget.

A folyamat futtatása után ellenőrizze, hogy a feladat sikeresen futott-e, és hogy megjelenik-e egy közzétett munkadarab.

Klasszikus

1. Válassza ki a GitHubot a kód forrásaként.

2. Az Adattár területen válassza ki az elágazott adattárat, és válassza a Folytatás lehetőséget.

3. Válassza az Üres folyamat lehetőséget, majd az Alkalmaz lehetőséget.

4. A jobb oldali panelen az Ügynök specifikációja területen válassza az ubuntu-latest lehetőséget.

5. A bal oldali panelen adja hozzá a következő tevékenységeket a folyamathoz sorrendben. Minden tevékenységhez jelölje ki az + 1. ügynökfeladatot, jelölje ki a tevékenységet a jobb oldalon, majd válassza a Hozzáadás lehetőséget, és szükség esetén konfigurálja a feladatot.

   1. npm

   2. npm

      • Megjelenítendő név: npm-teszt
      • Parancs: egyéni
      • Parancsok és argumentumok: teszt

   3. Teszteredmények közzététele

   4. Fájlok archiválása

      • Archiválandó gyökérmappa vagy fájl: $(System.DefaultWorkingDirectory)
      • A gyökérmappa neve előre fel van állítva az archiválási útvonalakhoz: Törölje a jelölést

   5. Buildösszetevők közzététele

6. Válassza a Mentés > üzenetsor, majd a Mentés és futtatás lehetőséget.

   

Gratulálunk, sikeresen létrehozott és futtatott egy folyamatot, amely létrehozott és tesztelt egy Node.js csomagot. Az Azure Pipelines folyamatos integrációs és folyamatos kézbesítési (CI/CD) rendszerének részeként Node.js alkalmazásokat hozhat létre, tesztelhet és helyezhet üzembe.

Következő lépések

JavaScript konfigurálása