Node.js paketi oluşturma ve yayımlama

Azure DevOps Services | Azure DevOps Server 2022 - Azure DevOps Server 2019

Bu hızlı başlangıçta, Node Paket Yöneticisi (npm) ile bir Node.js paketi oluşturmak ve bir işlem hattı yapıtı yayımlamak için işlem hattı kullanacaksınız. JavaScript uygulamalarınızı derlemek, dağıtmak ve test etmek için Azure Pipelines'ı kullanmayı öğreneceksiniz.

Önkoşullar

• Depo oluşturabileceğiniz bir GitHub hesabı. Ücretsiz bir GitHub hesabı oluşturun.
• Bir Azure DevOps kuruluşu. Ücretsiz bir tane oluşturun.
• Azure DevOps projesi. Azure DevOps Proje Oluşturma Sihirbazı'nı kullanarak bir proje oluşturun.
• Microsoft tarafından barındırılan aracılarda işlem hatlarını çalıştırma özelliği. Paralel işlerin ücretsiz verilmesini istemeniz veya paralel bir iş satın almanız gerekir.

Örnek kodu çatallayın

Örnek Express.js sunucu uygulamasının çatalını oluşturun.

1. js-e2e-express-server deposuna gidin.
2. Sayfanın sağ üst köşesindeki Çatal'ı seçin.
3. GitHub hesabınızı seçin. Varsayılan olarak, çatal üst depoyla aynı şekilde adlandırılır, ancak farklı bir ad vekleyebilirsiniz.

Önemli

Aşağıdaki yordamlar sırasında, oturum açmak, Azure Pipelines'ı yüklemek veya Azure Pipelines'ı yetkilendirmek için GitHub hizmet bağlantısı oluşturmanız veya GitHub'a yönlendirilmeniz istenebilir. İşlemi tamamlamak için ekrandaki yönergeleri izleyin. Daha fazla bilgi için bkz . GitHub depolarına erişim.

İşlem hattınızı oluşturma

YAML

1. Azure DevOps projenizde İşlem Hatları İşlem Hattı> Oluştur'u ve ardından kaynak kodunuzun konumu olarak GitHub'ı seçin.
2. Depo seçin ekranında, çatallanmış örnek deponuzu seçin.
3. İşlem hattınızı yapılandırın ekranında Başlatıcı işlem hattı'nı seçin. Azure Pipelines, işlem hattınız için azure-pipelines.yml adlı bir YAML dosyası oluşturur.
4. Kaydet ve çalıştır'ın yanındaki açılan menü işaretini seçin, Kaydet'i ve sonra yeniden Kaydet'i seçin. Dosya çatallanmış GitHub deponuza kaydedilir.
5. Sonraki ekranda Düzenle'yi seçin.

Paketi oluşturma ve yapıt yayımlama

azure-pipelines.yml dosyanızı aşağıdaki gibi düzenleyin.

1. Dosyanın içeriğini aşağıdaki kodla değiştirin. Kod, Node.js aracı yükleyici görevini Node.js sürüm 16 LTS kullanacak şekilde güncelleştirir.

   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'
   

2. İşlem hattına aşağıdaki yeni görevleri ekleyin:

   • Dosya kopyalama görevi npm paketini ve package.json dosyalarını aracıdaki yerel indirme yolundan kopyalar ve aracıdaki yerel yapıt hazırlama yoluna kaydeder. Yalnızca src ve ortak klasörler kopyalanır.

   • İşlem hattı yapıtını yayımlama görevi , yapıt hazırlama konumundaki dosyaları alır ve bunları işlem hattı derlemeleriyle çıkış yapılacak yapıtlar olarak yayımlar.

   - 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'
   

İşlem hattınızı çalıştırma

Doğrula ve kaydet'i, ardından Kaydet'i, Çalıştır'ı ve yeniden Çalıştır'ı seçin.

İşlem hattınız çalıştırıldıktan sonra, işin başarıyla çalıştığını ve yayımlanmış bir yapıt gördüğünüzü onaylayın.

Klasik

1. Kodunuzun kaynağı olarak GitHub'ı seçin.

2. Depo altında, çatallanmış deponuzu seçin ve Devam'ı seçin.

3. İşlem hattını boşalt'ı ve uygula'yı seçin.

4. Sağ bölmedeki Aracı belirtimi'nin altında ubuntu-latest öğesini seçin.

5. Sol bölmede aşağıdaki görevleri sırasıyla işlem hattına ekleyin. Her görev için Aracı işi 1'i seçin+, sağdan görevi seçin ve Ekle'yi seçin ve gerekirse görevi yapılandırın.

   1. npm

   2. npm

      • Görünen ad: npm testi
      • Komut: özel
      • Komut ve bağımsız değişkenler: test

   3. Test Sonuçlarını Yayımla

   4. Dosyaları arşivle

      • Arşivlenmesi gereken kök klasör veya dosya: $(System.DefaultWorkingDirectory)
      • Yolları arşive önceden ekli kök klasör adı: Işaretini kaldır

   5. Derleme yapıtlarını yayımlama

6. Kaydet ve kuyruk'u ve ardından Kaydet ve çalıştır'ı seçin.

   

Tebrikler, bir Node.js paketi oluşturup test eden bir işlem hattını başarıyla oluşturdunuz ve çalıştırdunuz. Azure Pipelines sürekli tümleştirme ve sürekli teslim (CI/CD) sisteminizin bir parçası olarak Node.js uygulamaları derleyebilir, test edebilir ve dağıtabilirsiniz.

Sonraki adımlar

JavaScript'i yapılandırma