JavaScript ve Node.js uygulamalar oluşturun, test edin ve dağıtın

Azure Pipelines yeni misiniz? Bu durumda, diğer bölümlere geçmeden önce bu bölümü oluşturmak için kullanmayı öneririz.

https://github.com/Azure-Samples/js-e2e-express-server

trigger:
- none

pool:
  vmImage: 'ubuntu-latest'

steps:
- task: NodeTool@0
  inputs:
    versionSpec: '12.x'
  displayName: 'Install Node.js'

- script: |
    npm install
    npm run build
  displayName: 'npm install and build'

- script: |
    npm pack
  displayName: 'Package for npm release'

- task: CopyFiles@2
  inputs:
    sourceFolder: '$(Build.SourcesDirectory)'
    contents: '*.tgz' 
    targetFolder: $(Build.ArtifactStagingDirectory)/npm
  displayName: 'Copy npm package'

- task: CopyFiles@2
  inputs:
    sourceFolder: '$(Build.SourcesDirectory)'
    contents: 'package.json' 
    targetFolder: $(Build.ArtifactStagingDirectory)/npm
  displayName: 'Copy package.json'

- task: PublishBuildArtifacts@1
  inputs:
    pathtoPublish: '$(Build.ArtifactStagingDirectory)/npm'
    artifactName: npm
  displayName: 'Publish npm artifact'

Azure Pipelines oturum açın

Azure Pipelinesoturum açın. oturum açtıktan sonra, tarayıcınız öğesine gider https://dev.azure.com/my-organization-name ve Azure DevOps panonuzu görüntüler.

Seçtiğiniz kuruluş içinde bir Projeoluşturun. Kuruluşunuzda bir projeniz yoksa, başlamak için bir proje oluşturun ekranına bakabilirsiniz. aksi takdirde, panonun sağ üst köşesindeki oluştur Project düğmesini seçin.

İşlem hattını oluşturma

1. Başlamak için GitHub bu depoyu çatalla.

   https://github.com/Azure-Samples/js-e2e-express-server
   

2. Azure DevOps kuruluşunuzda oturum açın ve projenize gidin.

3. projenizde Pipelines sayfasına gidin. Sonra yeni bir işlem hattı oluşturmak için eylemi seçin.

4. ilk olarak GitHub kaynak kodunuzun konumu olarak seçerek sihirbazın adımlarını gözden geçir.

5. oturum açmak için GitHub yönlendiriliyorsunuz. bu durumda GitHub kimlik bilgilerinizi girin.

6. Depo listesi göründüğünde Node.js örnek deponuzu seçin.

7. Azure Pipelines, deponuzdaki kodu analiz eder ve Node.js ardışık düzen için şablon önerir. Bu şablonu seçin.

8. Azure Pipelines, işlem hatlarınız için bir yaml dosyası oluşturacaktır. Kaydet ve Çalıştır' ı seçin, ardından doğrudan ana dalda Yürüt' ü seçin ve ardından Kaydet ' i seçin ve yeniden çalıştırın.

9. Yeni bir çalıştırma başlatılır. Çalıştırmanın bitmesini bekleyin.

İşiniz bittiğinde, deponuzda özelleştirmeniz için kullanabileceğiniz bir YAML dosyası ( azure-pipelines.yml ) çalışır.

YAML

1. Başlamak için GitHub bu depoyu çatalla.

   https://github.com/Azure-Samples/js-e2e-express-server
   

2. azure-pipelines.ymlDeponuzda bir dosya ekleyin. Bu YAML, sunucunuzda NPM yüklü Node.js sahip olduğunuzu varsayar.

trigger:
- main

pool: Default

- script: |
    npm install
    npm run build
  displayName: 'npm install and build'

3. Bir işlem hattı oluşturun (nasıl olduğunu bilmiyorsanız, ilk işlem hattınızı oluşturma) ve şablon Için YAML' yi seçin.

4. İşlem hatlarınız için Aracı havuzunu ve YAML dosya yolunu ayarlayın.

5. İşlem hattını kaydedin ve bir derlemeyi kuyruğa alın. Derleme #nnnnnnnn. n sıraya alınmış ileti görüntülendiğinde, işlem hattınızı eylemde görmek için sayı bağlantısını seçin.

6. İşlem hattınızda değişiklik yapmaya hazırsanız, düzenleyin .

7. İşlem hattınızı özelleştirmenin daha yaygın yöntemlerinden bazılarını öğrenmek için aşağıdaki bölümlere bakın.

Klasik

1. Başlamak için GitHub bu depoyu çatalla.

   https://github.com/Azure-Samples/js-e2e-express-server
   

2. Kendi deponuzda örnek kodu aldıktan sonra, ilk işlem hattınızı oluşturma bölümündeki yönergeleri kullanarak bir işlem hattı oluşturun ve boş işlem şablonunu seçin.

3. Işlem hattı düzenleyicideki Görevler sekmesinde işlem ' i seçin ve özellikleri aşağıdaki şekilde değiştirin:

   • Aracı kuyruğu:

4. Aşağıdaki görevleri ardışık düzene belirtilen sırada ekleyin:

   • npm

     • Komutundaki

   • npm

     • Görünen ad:
     • Komutundaki
     • Komut ve bağımsız değişkenler:

   • Test Sonuçları Yayımla

     • Özellikler için tüm varsayılan değerleri bırakın

   • Arşiv dosyaları

     • Arşivlemek için kök klasör veya dosya:
     • Arşiv yollarına eklenecek kök klasör adı: Olmayan

   • Derleme Artifacts Yayımla

     • Özellikler için tüm varsayılan değerleri bırakın

5. İşlem hattını kaydedin ve işlem sırasında görmek için bir derlemeyi kuyruğa alın.

JavaScript uygulamalarınızı kendi altyapınızı ayarlamaya gerek kalmadan derlemek için Azure Pipelines kullanabilirsiniz. derlemelerinizi çalıştırmak için Windows ya da Linux aracılarını kullanabilirsiniz.

azure-pipelines.ymlUygun görüntüyü seçmek için dosyanızdaki aşağıdaki kod parçacığını güncelleştirin.

pool:
  vmImage: 'ubuntu-latest' # examples of other options: 'macOS-10.15', 'windows-latest'

JavaScript uygulamalarını oluşturmak, test etmek ve çalıştırmak için sık kullandığınız araçlar-NPM, Node, Yarn ve Gulp-gibi Microsoft tarafından barındırılan aracılarda önceden yüklenmiş olarak Azure Pipelines. Önceden yüklenmiş Node.js ve NPM 'nin tam sürümü için Microsoft tarafından barındırılan aracılar' a bakın. Microsoft tarafından barındırılan aracılara bu araçların belirli bir sürümünü yüklemek için, düğüm aracı yükleyici görevini işleminizin başına ekleyin.

Kendi kendine barındırılan bir aracı da kullanabilirsiniz.

Microsoft tarafından barındırılan aracı üzerinde önceden yüklü olmayan bir Node.js ve NPM sürümüne ihtiyacınız varsa, düğüm aracı yükleyicisi görevinikullanın. Dosyanıza aşağıdaki kod parçacığını ekleyin azure-pipelines.yml .

- task: NodeTool@0 
  inputs:
    versionSpec: '12.x' # replace this value with the version that you need for your project

Aracıda zaten yüklü olmayan bir Node.js/NPM sürümüne ihtiyacınız varsa:

1. İşlem hattında, Görevler' i seçin, yapı görevlerinizi çalıştıran aşamayı seçin ve ardından Bu aşamaya yeni bir görev eklemek için öğesini seçin.

2. Görev kataloğunda, düğüm aracı yükleyici görevini bulun ve ekleyin.

3. Görevi seçin ve yüklemek istediğiniz Node.js çalışma zamanının sürümünü belirtin.

pool:
  vmImage: 'ubuntu-latest'
strategy:
  matrix:
    node_12_x:
      node_version: 12.x
    node_13_x:
      node_version: 13.x

steps:
- task: NodeTool@0 
  inputs:
    versionSpec: $(node_version)

- script: npm install

Bkz. Çoklu yapılandırma yürütme.

Derlemeniz için projenizin veya dosyanızdaki geliştirme bağımlılıkları olarak gerekli araçları tanımladıysanız package.jsonpackage-lock.json , bu araçları NPM aracılığıyla proje bağımlılıklarınızın geri kalanı ile birlikte yükleyebilirsiniz. Bu, projede tanımlanan araçların tam sürümünü, derleme aracısında bulunan diğer sürümlerden yalıtılmış olarak yükler.

Bir komut dosyası veya NPM görevikullanabilirsiniz.

Package. JSON ile yüklemek için bir komut dosyası kullanma

- script: npm install --only=dev

Package. JSON ile yüklemek için NPM görevini kullanma

- task: Npm@1
  inputs:
     command: 'install'

Bu şekilde, bu şekilde bu şekilde yüklenen araçları çalıştırın. bu şekilde, bu şekilde, npx yol çözümüne bu şekilde yüklenen araçlar görüntülenir. Aşağıdaki örnek, Test Çalıştırıcısı 'nı çağırır, mocha ancak küresel olarak yüklenen (üzerinden) bir sürümü kullanmadan önce geliştirme bağımlılığı olarak yüklenen sürümü arar npm install -g .

- script: npx mocha

Projenizin ihtiyaç duyacağı ancak içinde geliştirme bağımlılıkları olarak ayarlanmamış araçları yüklemek için package.json , işlem npm install -g hattınızdaki bir betik aşamasından çağırın.

aşağıdaki örnek kullanarak Angular clı 'nın en son sürümünü yükleme . İşlem hattının geri kalanı daha sonra ng diğer aşamalardan aracı kullanabilir script .

- script: npm install -g @angular/cli

Bu görevler, işlem hatlarınızın her çalıştırılışında çalışır, bu nedenle araçlar 'ın derleme sürelerine sahip olduğu etkinin en az olması gerekir. Ek yük, derleme performankenizin önemli bir etkiye dönüşirse, Şirket içinde barındırılan aracıları ihtiyacınız olan araçların sürümüyle yapılandırmayı düşünün.

Yapı aracıınızda araçları yüklemek için işlem hattınızdaki NPM veya komut satırı görevlerini kullanın.

İşlem hattınızda bir betiği kullanarak NPM paketlerini yüklemek için aşağıdaki kod parçacığını öğesine ekleyin azure-pipelines.yml .

- script: npm install

Dosyanızda belirtilen özel bir kayıt defteri kullanmak için .npmrc Aşağıdaki kod parçacığını öğesine ekleyin azure-pipelines.yml .

- task: Npm@1
  inputs:
    customEndpoint: <Name of npm service connection>

Gulp gibi görev çalıştıranlar aracılığıyla kayıt defteri kimlik bilgilerini NPM komutlarına geçirmek için, azure-pipelines.yml görev Çalıştırıcısı 'nı çağırabilmeniz için aşağıdaki görevi öğesine ekleyin.

- task: npmAuthenticate@0
  inputs:
    customEndpoint: <Name of npm service connection>

Paketleri indirmek ve yüklemek için işlem hattınızdaki NPM veya NPM kimlik doğrulaması görevini kullanın.

npm kayıt defteri paketleri geri yüklerken bağlantı sorunları nedeniyle derlemeleriniz bazen başarısız olursa, Azure Artifacts yukarı akış kaynaklarıylabirlikte kullanabilir ve paketleri önbelleğe alabilirsiniz. Azure Artifacts ' e bağlanırken işlem hattının kimlik bilgileri otomatik olarak kullanılır. bu kimlik bilgileri genellikle Project koleksiyonu derleme hizmeti hesabından türetilir.

Microsoft tarafından barındırılan aracılarkullanıyorsanız, her bir derlemeyi her çalıştırdığınızda yeni bir makine alırsınız. Bu, her seferinde bağımlılıkları geri yükleme anlamına gelir.

Bu işlem, önemli miktarda zaman alabilir. bunu azaltmak için Azure Artifacts veya şirket içinde barındırılan bir aracı kullanabilirsiniz. Daha sonra paket önbelleğini kullanmanın avantajını elde edersiniz.

Bağımlılıkları geri yüklemek için Yarn 'yi çağırmak için bir betik aşaması kullanın. Yarn, Microsoft tarafından barındırılan bazı aracılardaönceden yüklenebilir. Bunu, diğer herhangi bir araç gibi şirket içinde barındırılan aracılara yükleyebilir ve yapılandırabilirsiniz.

- script: yarn install

Yarn'yi çağırmak için işlem hattınızda CLI veya Bash görevini kullanın.

Kaynak kodunuzu Node.js çalışma zamanı veya Web tarayıcıları tarafından kullanılabilen sürümlere dönüştürmek için Babel ve TypeScript derleyicisi gibi derleyicileri kullanın.

Projenizin dosyasında derleyicinizi çalıştıran bir betik nesneniz varsa , komut dosyası görevi kullanarak işlem hattınızda çağırın.

- script: npm run compile

Komut dosyası görevini kullanarak, derleyicileri doğrudan işlem hattından çağırabilirsiniz. Bu komutlar kopyalanmış kaynak kodu deposunun kökünden çalıştırılır.

- script: tsc --target ES6 --strict true --project tsconfigs/production.json

Kodu derlemek için projenizin Package. json dosyasında tanımlanmış bir derleme betiğinizin olması halinde, işlem hattınızda NPM görevini kullanın. Proje yapılandırmanızda tanımlı ayrı bir komut dosyası yoksa, kodunuzu derlemek için Bash görevini kullanın.

İşlem hatlarınızı, JUnit XML biçiminde biçimlendirilen sonuçlar üretecek şekilde JavaScript testlerinizi çalıştıracak şekilde yapılandırın. Daha sonra, yerleşik test sonuçları görevini kullanarak sonuçları yayımlayabilirsiniz.

Test çatısı JUnit çıkışını desteklemiyorsa, Mocha-JUnit-Reportergibi bir iş ortağı raporlama modülü aracılığıyla destek eklemeniz gerekir. Test komut dosyanızı JUnit Reporter kullanacak şekilde güncelleştirebilir veya Raporlayıcı komut satırı seçeneklerini destekliyorsa, bunları görev tanımına geçirin.

Aşağıdaki tabloda, en yaygın olarak kullanılan test çalıştıranlar ve XML sonuçları oluşturmak için kullanılabilecek reporler listelenmiştir:

Bu örnek, Mocha-JUnit-Reporter kullanır ve doğrudan bir betik kullanarak çağırır. Bu, varsayılan konumunda JUnit XML çıkışını üretir ./test-results.xml .

- script: mocha test --reporter mocha-junit-reporter

testProjenizin Package. json dosyasında bir betik tanımladıysanız kullanarak çağırabilirsiniz npm test .

- script: npm test

Test sonuçlarını yayınla

Sonuçları yayımlamak için yayımla test sonuçları görevini kullanın.

- task: PublishTestResults@2
  condition: succeededOrFailed()
  inputs:
    testRunner: JUnit
    testResultsFiles: '**/test-results.xml'

Kod kapsamı sonuçlarını yayımlama

Test betikleriniz Istanbulgibi bir kod kapsamı aracı çalıştırdıysanız, kod kapsamı sonuçlarını ve test sonuçlarınızla birlikte yayımlamak Için kod kapsamı sonuçlarını yayımla görevini ekleyin. Bunu yaptığınızda, Derleme özetinde kapsam ölçümlerini bulabilir ve daha fazla analiz için HTML raporlarını indirebilirsiniz. Görev Cobertura veya JaCoCo raporlama çıktısı bekler, bu yüzden doğru çıktıyı oluşturmak için kod kapsamı araclarınızın gerekli seçeneklerle çalıştığından emin olun. (Örneğin, --report cobertura .)

Aşağıdaki örnek, Istanbul komut satırı arabirimi olan, Mocha-JUnit-Reporter ve Invoke komutuyla birlikte NYC'yi kullanır .

- script: |
    nyc --reporter=cobertura --reporter=html \
    npm test -- --reporter mocha-junit-reporter --reporter-options mochaFile=./test-results.xml
  displayName: 'Build code coverage report'

- task: PublishCodeCoverageResults@1
  inputs: 
    codeCoverageTool: Cobertura # or JaCoCo
    summaryFileLocation: '$(System.DefaultWorkingDirectory)/**/*coverage.xml'
    reportDirectory: '$(System.DefaultWorkingDirectory)/**/coverage'

Test sonuçlarını, Istanbul kullanarak kod kapsamı sonuçlarıyla birlikte yayımlamak için test sonuçları Yayımla ve kod kapsamı sonuçları Yayımla görevlerini kullanın.

Dağıtım iptal edilmediği takdirde, önceki bir görev başarısız olsa bile görevi çalıştırmak için Yayımla Test Sonuçları görevinin denetim seçeneklerini ayarlayın.

Tüm uygulama modüllerinizi ara çıkışlar ve bağımlılıklarla dağıtım için HAZIRAN statik varlıklara dağıtmak için uygulamaları paketleyin. derlemeden sonra bir işlem hattı aşaması ekleyin ve Angular clı kullanarak webpack veya ng derlemesi gibi bir araç çalıştırın.

İlk örnek çağırır webpack . Bu işlemi gerçekleştirmek için webpack Package. JSON proje dosyanızda bir geliştirme bağımlılığı olarak yapılandırıldığından emin olun. Projenizin webpack kök klasöründe bir dosya yoksa, bu varsayılan webpack.config.js yapılandırmayla birlikte kullanılır.

- script: webpack

Sonraki örnek, package.json projesinde tanımlanan betik nesnesini çağıracak npmbuild görevini kullanır. Projeniz içinde betik nesnelerinin kullanımı, derlemenin mantığını kaynak koduna ve işlem hattının dışında taşır.

- script: npm run build

paketleme aracınızı çağırmak için işlem hattında CLI veya Bash görevini (örneğin, veya Angular kullanın.

- script: |
    npm install -g @angular/cli
    npm install
    ng build --prod

İşlem hattınıza aşağıdaki görevleri ekleyin:

• npm

  • Komut:
  • Komut ve bağımsız değişkenler:

• npm

  • Komut:

• bash

  • Türü:
  • Komut dosyası:

- script: |
    npm install
    npm run build
 displayName: 'npm install and build'

trigger:
- main

pool:
  vmImage: 'ubuntu-latest'

steps:
- task: NodeTool@0
  inputs:
    versionSpec: '10.x'
  displayName: 'Install Node.js'

- script: |
    npm install
    npm run build
  displayName: 'npm install and build'

- task: CopyFiles@2
  inputs:
    Contents: 'build/**' # Pull the build directory (React)
    TargetFolder: '$(Build.ArtifactStagingDirectory)'

- task: PublishBuildArtifacts@1
  inputs: 
    PathtoPublish: $(Build.ArtifactStagingDirectory) # dist or build files
    ArtifactName: 'www' # output artifact named www

- script: |
    npm install webpack webpack-cli --save-dev
    npx webpack --config webpack.config.js

İşlem hattınıza aşağıdaki görevleri ekleyin:

• npm

  • Komut:
  • Komut ve bağımsız değişkenler:

• bash

  • Türü:
  • Komut dosyası:

Gulp, Microsoft tarafından barındırılan aracılara önceden yüklenmiştir. gulpYAML dosyasında komutunu çalıştırmak için:

- script: gulp                       # include any additional options that are needed

gulpfile.js dosya npm kayıt defteri:

- task: npmAuthenticate@0
  inputs:
    customEndpoint: <Name of npm service connection>

- script: gulp                       # include any additional options that are needed

JUnit veya xUnit test sonuçlarını sunucuya yayımlamak için Test Sonuçları yayımlama görevini ekleyin.

- task: PublishTestResults@2
  inputs:
    testResultsFiles: '**/TEST-RESULTS.xml'
    testRunTitle: 'Test results for JavaScript using gulp'

Kod kapsamı sonuçlarını sunucuya yayımlamak için Kod Kapsamı Sonuçlarını Yayımla görevini ekleyin. Kapsam ölçümlerini derleme özetini bulabilir ve daha fazla analiz için HTML raporlarını indirebilirsiniz.

- task: PublishCodeCoverageResults@1
  inputs: 
    codeCoverageTool: Cobertura
    summaryFileLocation: '$(System.DefaultWorkingDirectory)/**/*coverage.xml'
    reportDirectory: '$(System.DefaultWorkingDirectory)/**/coverage'

Uygulamanız Gulp kullanıyorsa işlem hattı oluşturmanın en basit yolu, işlem hattını oluştururkenNode.js şablonla birlikte kullanarak işlem hattını kullanmaktır. Bu işlem, Gulp komutlarını çağırmak ve yapıtları yayımlamak için çeşitli görevleri otomatik olarak ekler. Görevde, Kod Kapsamı'nın Etkinleştir'i seçerek Kod kapsamı'nın Etkinleştir'i seçin.

Grunt, Microsoft tarafından barındırılan aracılara önceden yüklenmiştir. YAML dosyasında grunt komutunu çalıştırmak için:

- script: grunt                      # include any additional options that are needed

Dosyanız adımlarında kimlik Gruntfile.js doğrulaması gerektiren bir npm kayıt defteri:

- task: npmAuthenticate@0
  inputs:
    customEndpoint: <Name of npm service connection>

- script: grunt                      # include any additional options that are needed

Uygulamanız Grunt kullanıyorsa işlem hattı oluşturmanın en basit yolu, işlem hattını oluştururken GruntNode.js şablonuyla birlikte kullanarak işlem hattını kullanmaktır. Bu işlem, Gulp komutlarını çağırmak ve yapıtları yayımlamak için çeşitli görevleri otomatik olarak ekler. Görevde, test sonuçlarını yayımlamak için TFS/Team Services'de Yayımla seçeneğini belirleyin ve Kod Kapsamı'nın Etkinleştir'i seçerek Kod kapsamı'nın Etkinleştir'i seçin.

Dosyaları Azure Pipelines

Dosyaların çalışma dizininin tamamını karşıya yüklemek için Derlemeyi Yayımla Artifacts görevini kullanın ve aşağıdakini dosyanıza ekleyin.

- task: PublishBuildArtifacts@1
  inputs:
    PathtoPublish: '$(System.DefaultWorkingDirectory)'

Dosyaların bir alt kümesini karşıya yüklemek için, önce çalışma dizininden gerekli dosyaları Dosyaları Kopyala göreviyle bir hazırlama dizinine kopyalayın ve ardından Derlemeyi Yayımla Artifacts kullanın.

- task: CopyFiles@2
  inputs:
    SourceFolder: '$(System.DefaultWorkingDirectory)'
    Contents: |
      **\*.js
      package.json
    TargetFolder: '$(Build.ArtifactStagingDirectory)'

- task: PublishBuildArtifacts@1

Modül yayımlama npm kayıt defteri

Projenizin çıkışı bir web uygulaması değil de diğer projeler tarafından kullanım için bir modülse, modülü yerel bir kayıt defterinde veya genel yönetime yayımlamak için npmnpm görevini npm kayıt defteri. Her yayımlamada benzersiz bir ad/sürüm bileşimi sağlayabilirsiniz, bu nedenle yayımlama adımlarını bir yayın veya geliştirme işlem hattının parçası olarak yapılandırıyorken bunu göz altında bulundurabilirsiniz.

İlk örnekte sürüm denetiminde dosyanıza yapılan değişikliklerle sürüm bilgilerini (npmsürümü aracılığıyla gibi) yönetebilirsiniz. Bu örnek, ortak kayıt defterinde yayımlamak için betik görevini kullanır.

- script: npm publish

Sonraki örnek, repo dosyanız içinde tanımlanan özel bir kayıt defterinde .npmrc yayımlar. Derleme çalışırken bağlantıya kimlik doğrulaması kimlik bilgilerini eklemeye bir npm hizmeti bağlantısı kurmanız gerekir.

- task: Npm@1
  inputs:
     command: publish
     publishRegistry: useExternalRegistry
     publishEndpoint: https://my.npmregistry.com

Son örnek, modülü bir paket Azure DevOps Services yayımlar.

- task: Npm@1
  inputs:
     command: publish
     publishRegistry: useFeed
     publishFeed: https://my.npmregistry.com

npm paketlerinin sürümünü oluşturma ve yayımlama hakkında daha fazla bilgi için bkz. Npm paketlerini yayımlama ve Derleme işleminin bir parçası olarak npm paketlerimi nasıl sürüme hazırlarım?.

Bir web uygulaması dağıtma

Bir web .zip yayımlamaya hazır bir dosya arşivi oluşturmak için Dosyaları Arşivle görevini kullanın:

- task: ArchiveFiles@2
  inputs:
    rootFolderOrFile: '$(System.DefaultWorkingDirectory)'
    includeRootFolder: false

Bu arşivi bir web uygulamasında yayımlamak için bkz. Azure web uygulaması dağıtımı.

Yapıtları Azure Pipelines

Derlemenizin dosyalarını Artifacts TFS'ye yayımlamak için Derlemeyi Yayımla Azure Pipelines kullanın.

Bir npm kayıt defteri'de yayımlama

Bir npm paketi oluşturmak ve yayımlamak için npm görevini kullanın. npm paketlerini sürüme almak ve yayımlama hakkında daha fazla bilgi için bkz. Npm paketlerini yayımlama.

Bir web uygulaması dağıtma

Bir web .zip yayımlamaya hazır bir dosya arşivi oluşturmak için Dosyaları Arşivle görevini kullanın. Bu arşivi bir web uygulamasında yayımlamak için bkz. Azure Web Uygulaması dağıtımı.

Kapsayıcı kayıt defterine görüntü derleme ve anında yükleme

Kaynak kodunuz başarıyla oluşturulduktan ve birim testlerinizi tamamlayan ve başarılı olduktan sonra, bir görüntü de derlemek ve bunu bir kapsayıcı kayıt defterine itebilirsiniz.