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 pipeline artefaktı yayımlamak için bir pipeline kullanacaksınız. JavaScript uygulamalarınızı derlemek, dağıtmak ve test etmek için Azure Pipelines'ı kullanmayı öğreneceksiniz.

Önkoşullar

ürün	Gereksinimler
Azure DevOps	- Bir Azure DevOps projesi. - Microsoft tarafından barındırılan ajanlarda pipeline'ları çalıştırma yeteneği. Paralel bir iş satın alabilir veya ücretsiz katman isteyebilirsiniz. - YAML ve Azure Pipelines hakkında temel bilgiler. Daha fazla bilgi için bkz. İlk işlem hattınızı oluşturma. - İzinleri:      - İşlem hattı oluşturmak için Katkıda Bulunanlar grubunda yer almanız ve grubun Derleme işlem hattı oluşturma izninin İzin Ver olarak ayarlanması gereklidir. Proje Yöneticileri grubunun üyeleri işlem hatlarını yönetebilir.     - Hizmet bağlantıları oluşturmak için:hizmet bağlantıları için Yönetici veya Oluşturucu rolüne sahip olmanız gerekir.
GitHub	- GitHub hesabı. - Azure Pipelines'ı yetkilendirmek için GitHub hizmet bağlantısı.
Azure	Azure aboneliği.

Örnek kodu kopyalayın

Örnek Express.js sunucu uygulamasını çatallayın.

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 ana depoyla aynı şekilde adlandırılır, ancak farklı bir ad verebilirsiniz.

Ö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 seçin ve ardından kaynak kodunuzun konumu olarak GitHub'ı seçin.
2. Depo seçme ekranında, çatalladığınız örnek deposunu 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, çatalladığınız GitHub deposuna kaydedildi.
5. Sonraki ekranda Düzenle'yi seçin.

Paketi oluştur ve bir ürün yayımla

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'
   
   - script: 
       npm test
     displayname: 'npm test'
   
   

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

   • Dosyaları kopyalama işlemi, dosyaları src ve ortak klasörlerden yapı dosyaları hazırlama dizinine kopyalar.

   • Yapıt yayımlama işlem hattı görevi, yapıt hazırlama konumundaki dosyaları alır ve bunları, işlem hattı yapıtları olarak çıktı verir.

   - 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. Boş işlem hattı'nı seçin ve Uygula'yı seçin.

4. Sağ Agent specification bölmesinde, 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ğdaki görevi seçin ve Ekle'yi seçin, gerekirse görevi yapılandırın.

   1. npm

   2. npm

      • Görünen ad:npm test
      • 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)
      • Arşiv yollarına kök klasör adını başına ekle: İşaretini kaldır

   5. Derleme çıktıları yayınlama

6. Kaydet ve kuyrukla'yı seçin 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