Hızlı başlangıç: Azure DevOps Projeleri ile Node. js için Azure Pipelines bir CI/CD işlem hattı oluşturmaQuickstart: Create a CI/CD pipeline in Azure Pipelines for Node.js with Azure DevOps Projects

Azure DevOps Projeleri, Azure kaynakları oluşturan ve Azure Pipelines ' de Node. js uygulamanız için sürekli tümleştirme (CI) ve sürekli teslim (CD) işlem hattı ayarlayan basitleştirilmiş bir deneyim sunar.Azure DevOps Projects presents a simplified experience that creates Azure resources and sets up a continuous integration (CI) and continuous delivery (CD) pipeline for your Node.js app in Azure Pipelines.

Azure aboneliğiniz yoksa Visual Studio Dev Essentialsaracılığıyla ücretsiz bir ücretsiz edinebilirsiniz.If you don't have an Azure subscription, you can get one free through Visual Studio Dev Essentials.

Azure portal oturum açınSign in to the Azure portal

DevOps Projeleri, Azure Pipelines bir CI/CD işlem hattı oluşturur.DevOps Projects creates a CI/CD pipeline in Azure Pipelines. Yeni bir Azure DevOps kuruluşu oluşturabilir veya var olan bir kuruluşu kullanabilirsiniz.You can create a new Azure DevOps organization or use an existing organization. DevOps Projeleri ayrıca Azure kaynaklarını tercih ettiğiniz Azure aboneliğinde de oluşturur.DevOps Projects also creates Azure resources in the Azure subscription of your choice.

  1. Microsoft Azure Portaloturum açın.Sign in to the Microsoft Azure portal.

  2. Sol bölmede, kaynak oluştur' u seçin ve ardından DevOps Projeleriarayın.In the left pane, select Create a resource, and then search for DevOps Projects.

    Sürekli teslim yapılandırma kaynağı oluştur

Örnek uygulama ve Azure hizmeti seçinSelect a sample application and Azure service

  1. Node. js örnek uygulamasını seçin.Select the Node.js sample application.
    Node. js örnekleri, çeşitli uygulama çerçevelerinin bir seçimini içerir.The Node.js samples include a choice of several application frameworks.

  2. Varsayılan örnek Framework Express. js ' dir.The default sample framework is Express.js. Varsayılan ayarı bırakın ve ardından İleri' yi seçin.Leave the default setting, and then select Next.
    Windows üzerinde Web App varsayılan dağıtım hedefidir.Web App on Windows is the default deployment target. Daha önce seçtiğiniz uygulama çerçevesi, burada kullanılabilir olan Azure hizmet dağıtım hedefinin türünü belirler.The application framework, which you chose previously, dictates the type of Azure service deployment target available here.

  3. Varsayılan hizmeti bırakın ve ardından İleri' yi seçin.Leave the default service, and then select Next.

Azure DevOps ve bir Azure aboneliği yapılandırmaConfigure Azure DevOps and an Azure subscription

  1. Yeni bir Azure DevOps organizasyonu oluşturun veya var olan bir kuruluşu seçin.Create a new Azure DevOps organization or choose an existing organization.

    a.a. Projeniz için bir ad girin.Enter a name for your project.

    b.b. Azure aboneliğinizi ve konumunuzu seçin, uygulamanız için bir ad girin ve bitti' yi seçin.Select your Azure subscription and location, enter a name for your application, and then select Done.
    Birkaç dakika sonra, DevOps Projeleri panosu Azure portal görüntülenir.After a few minutes, the DevOps Projects dashboard is displayed in the Azure portal. Örnek uygulama, Azure DevOps kuruluşunuzda bir depoda ayarlanır, bir derleme yürütülür ve uygulamanız Azure 'a dağıtılır.A sample application is set up in a repository in your Azure DevOps organization, a build is executed, and your application is deployed to Azure. Bu Pano, kod deponuza, CI/CD işlem hattına ve Azure 'daki uygulamanıza ilişkin görünürlük sağlar.This dashboard provides visibility into your code repository, the CI/CD pipeline, and your application in Azure.

  2. Çalışan uygulamanızı görüntülemek için Araştır ' ı seçin.Select Browse to view your running application.

    CI/CD işlem hattının pano görünümü

DevOps Projeleri bir CI derleme ve yayın tetikleyicisi otomatik olarak yapılandırıldı.DevOps Projects automatically configured a CI build and release trigger. Artık en son çalışmalarınızı Web sitenize dağıtan bir CI/CD işlemiyle bir Node. js uygulamasında bir takımla işbirliği yapmaya hazırsınız.You're now ready to collaborate with a team on a Node.js app with a CI/CD process that automatically deploys your latest work to your web site.

Kod değişikliklerini işleyin ve CI/CD yürütünCommit code changes and execute CI/CD

DevOps Projeleri, Azure Repos veya GitHub 'da bir git deposu oluşturur.DevOps Projects creates a Git repository in Azure Repos or GitHub. Depoyu görüntülemek ve uygulamanızda kod değişikliği yapmak için aşağıdaki adımları uygulayın.Take the following steps to view the repository and make code changes to your application.

  1. DevOps Projeleri panosunun sol tarafında, ana dalınızın bağlantısını seçin.On the left of the DevOps Projects dashboard, select the link for your master branch.
    Bu bağlantı, yeni oluşturulan git deposunun bir görünümünü açar.This link opens a view to the newly created Git repository.

  2. Depo kopyası URL 'sini görüntülemek için tarayıcının sağ üst köşesindeki Kopyala ' yı seçin.To view the repository clone URL, select Clone on the top right of the browser.
    Git deponuzu en sevdiğiniz IDE 'niz içinde kopyalayabilirsiniz.You can clone your Git repository in your favorite IDE. Sonraki birkaç adımda, kod değişikliklerini doğrudan ana dala getirmek ve yürütmek için Web tarayıcısını kullanabilirsiniz.In the next few steps, you can use the web browser to make and commit code changes directly to the master branch.

  3. Tarayıcının sol tarafında Görünümler/index. Pug dosyasına gidin.On the left side of the browser, go to the views/index.pug file.

  4. Düzenle' yi seçin ve ardından H2 başlığında bir değişiklik yapın.Select Edit, and then make a change to the h2 heading.
    Örneğin, Azure DevOps Projeleri ile hemen kullanmaya başlayın yazın veya başka bir değişiklik yapın.For example, enter Get started right away with Azure DevOps Projects or make some other change.

  5. Yürüt' ü seçin ve ardından değişikliklerinizi kaydedin.Select Commit, and then save your changes.

  6. Tarayıcınızda DevOps Projeleri panosuna gidin.In your browser, go to the DevOps Projects dashboard.
    Artık sürmekte olan bir derleme görmeniz gerekir.You should now see a build in progress. Yeni yaptığınız değişiklikler otomatik olarak bir CI/CD işlem hattı aracılığıyla oluşturulup dağıtılır.The changes you just made are automatically built and deployed via a CI/CD pipeline.

Azure CI/CD işlem hattını inceleyinExamine the Azure CI/CD pipeline

Önceki adımda, DevOps Projeleri otomatik olarak tam CI/CD işlem hattı yapılandırdı.In the previous step, DevOps Projects automatically configured a full CI/CD pipeline. İşlem hattını gereken şekilde araştırıp özelleştirin.Explore and customize the pipeline as needed. Derleme ve yayın işlem hatları hakkında bilgi edinmek için aşağıdaki adımları uygulayın.Take the following steps to familiarize yourself with the build and release pipelines.

  1. DevOps Projeleri panosunun en üstünde derleme Işlem hatları' nı seçin.At the top of the DevOps Projects dashboard, select Build Pipelines.
    Bu bağlantı, yeni projeniz için bir tarayıcı sekmesi ve derleme işlem hattı açar.This link opens a browser tab and the build pipeline for your new project.

  2. Durum alanını işaret edin ve ardından üç nokta (...) simgesini seçin.Point to the Status field, and then select the ellipsis (...).
    Bu eylem, yeni bir derlemeyi sıraya alma, bir derlemeyi duraklatma ve derleme işlem hattını düzenlemeyle çeşitli etkinlikleri başlatabileceğiniz bir menü açar.This action opens a menu where you can start several activities such as queuing a new build, pausing a build, and editing the build pipeline.

  3. Düzenle' yi seçin.Select Edit.

  4. Bu bölmede, derleme işlem hattınızla ilgili çeşitli görevleri inceleyebilirsiniz.In this pane, you can examine the various tasks for your build pipeline.
    Derleme, git deposundan kaynak getirme, bağımlılıkları geri yükleme ve dağıtımlar için kullanılan çıkışları yayımlama gibi çeşitli görevler gerçekleştirir.The build performs a variety of tasks such as fetching sources from the Git repository, restoring dependencies, and publishing outputs that are used for deployments.

  5. Yapı işlem hattının en üstünde derleme işlem hattı adını seçin.At the top of the build pipeline, select the build pipeline name.

  6. Derleme işlem hattınızı daha açıklayıcı bir şekilde değiştirin, & kuyruğu kaydet' i seçin ve ardından Kaydet' i seçin.Change the name of your build pipeline to something more descriptive, select Save & queue, and then select Save.

  7. Yapı işlem hattı adınızın altında Geçmiş' i seçin.Under your build pipeline name, select History.
    Geçmiş bölmesinde, derleme için son değişikliklerinizin bir denetim izini görürsünüz.In the History pane, you see an audit trail of your recent changes for the build. Azure Pipelines, derleme ardışık düzeninde yapılan tüm değişiklikleri izler ve sürümleri karşılaştırmanızı sağlar.Azure Pipelines keeps track of any changes that are made to the build pipeline, and it allows you to compare versions.

  8. Tetikleyiciler' i seçin.Select Triggers.
    DevOps Projeleri otomatik olarak bir CI tetikleyicisi oluşturdu ve depoya yapılan her bir kayıt yeni bir derleme başlatır.DevOps Projects automatically created a CI trigger, and every commit to the repository starts a new build. İsteğe bağlı olarak, CI işlemine dal eklemeyi veya dışlamayı seçebilirsiniz.You can optionally choose to include or exclude branches from the CI process.

  9. Bekletme' yi seçin.Select Retention.
    Senaryonuza bağlı olarak, belirli sayıda derlemeyi tutmanın veya kaldırabilmeniz için ilkeler belirtebilirsiniz.Depending on your scenario, you can specify policies to keep or remove a certain number of builds.

  10. Build ve Release' i seçin ve ardından yayınlar' ı seçin.Select Build and Release, and then select Releases.
    DevOps Projeleri, Azure dağıtımlarını yönetmek için bir yayın işlem hattı oluşturur.DevOps Projects creates a release pipeline to manage deployments to Azure.

  11. Sol tarafta, yayın işlem hattının yanındaki üç nokta (...) simgesini seçin ve ardından Düzenle' yi seçin.On the left, select the ellipsis (...) next to your release pipeline, and then select Edit.
    Yayın işlem hattı yayın işlemini tanımlar.The release pipeline defines the release process.

  12. Yapıtlaraltında bırak' ı seçin.Under Artifacts, select Drop.
    Önceki adımlarda inceettiğiniz derleme işlem hattı, yapıt için kullanılan çıktıyı üretir.The build pipeline you examined in the previous steps produces the output used for the artifact.

  13. Bırakma simgesinin yanındaki sürekli dağıtım tetikleyicisi' ni seçin.Next to the Drop icon, select the Continuous deployment trigger.
    Bu sürüm ardışık düzeninde, kullanılabilir yeni bir yapı yapıtı olduğunda bir dağıtımı çalıştıran etkinleştirilmiş bir CD tetikleyicisi vardır.This release pipeline has an enabled CD trigger, which runs a deployment every time there is a new build artifact available. İsteğe bağlı olarak, dağıtımlarınızın el ile yürütme gerektirdiğinden tetikleyiciyi devre dışı bırakabilirsiniz.Optionally, you can disable the trigger so that your deployments require manual execution.

  14. Sol tarafta Görevler' i seçin.On the left, select Tasks.
    Görevler, dağıtım işleminizin gerçekleştirdiği etkinliklerdir.The tasks are the activities that your deployment process performs. Bu örnekte, Azure App Service dağıtmak üzere bir görev oluşturulmuştur.In this example, a task was created to deploy to Azure App Service.

  15. Sağ tarafta sürümleri görüntüle' yi seçin.On the right, select View releases.
    Bu görünüm, sürümlerin geçmişini gösterir.This view shows a history of releases.

  16. Sürümlerden birinin yanındaki üç nokta (...) simgesini seçin ve sonra ' ı seçin.Select the ellipsis (...) next to one of your releases, and then select Open.
    Bir yayın Özeti, ilişkili iş öğeleri ve testler gibi çeşitli birçok menü vardır.There are several menus to explore, such as a release summary, associated work items, and tests.

  17. İşlemeler' i seçin.Select Commits.
    Bu görünüm, belirli bir dağıtımla ilişkili kod işlemelerini gösterir.This view shows code commits that are associated with the specific deployment.

  18. Günlükleriseçin.Select Logs.
    Günlükler, dağıtım işlemiyle ilgili yararlı bilgiler içerir.The logs contain useful information about the deployment process. Dağıtım sırasında ve sonrasında görüntülenebilirler.They can be viewed both during and after deployments.

Kaynakları TemizlemeClean up resources

Artık ihtiyaç duymadığınızda oluşturduğunuz Azure App Service ve diğer ilgili kaynakları silebilirsiniz.You can delete Azure App Service and other related resources that you created when you don't need them anymore. DevOps Projeleri panosundaki silme işlevini kullanın.Use the Delete functionality on the DevOps Projects dashboard.

Sonraki adımlarNext steps

CI/CD işleminizi yapılandırdığınızda, derleme ve yayın işlem hatları otomatik olarak oluşturulmuştur.When you configured your CI/CD process, build and release pipelines were automatically created. Bu derleme ve yayın işlem hatlarını takımınızın ihtiyaçlarını karşılayacak şekilde değiştirebilirsiniz.You can modify these build and release pipelines to meet the needs of your team. CI/CD işlem hattı hakkında daha fazla bilgi edinmek için bkz.:To learn more about the CI/CD pipeline, see:

VideolarVideos