معرفی
در این مقاله، نحوه استفاده از Azure Repos، CI/CD با استفاده از Pipeline در Azure DevOps، میزبانی مشابه در Azure App Service را خواهیم فهمید. ما یک پروژه Angular 10 را از ابتدا ایجاد می کنیم و تمام مراحل را انجام می دهیم. این یک نسخه آزمایشی End to End است که مراحل ایجاد یک پروژه زاویهای در VS Code را برای مدیریت کد منبع در Azure DevOps و اجرای CI/CD برای استقرار آن در Azure App Service به تفصیل توضیح میدهد. ما از تنظیمات فعلی پورتال Azure استفاده خواهیم کرد که در طول زمان تغییر کرده اند.
پیش نیاز این دمو
- بدون نیاز به پیش نیاز فقط مراحل را دنبال کنید، اما در حین انجام هر مرحله آن را درک کنید.
- 1 ساعت برای تکمیل این نسخه ی نمایشی به زمان متمرکز شما نیاز است.
کل نسخه ی نمایشی به 3 مقاله تقسیم شده است، لطفا جزئیات را در زیر بیابید:
- قسمت 1 – پروژه Angular 10 در Azure DevOps CI/CD با Azure Repos یا GitHub و میزبانی در Azure App Service
- بخش 1: برای ایجاد پروژه Angular 10 و اجرای آن به صورت محلی در دستگاه خود
- بخش 2: حساب Azure DevOps ایجاد کنید و کد منبع پروژه را به Azure منتقل کنید
- قسمت 2 – پروژه Angular 10 در Azure DevOps CI/CD با Azure Repos یا GitHub و میزبانی در Azure App Service
- بخش 3: ایجاد حساب پورتال Azure برای استفاده از سرویس برنامه Azure برای استقرار پروژه ما
- بخش 4: ایجاد گروه های منابع، برنامه خدمات برنامه و سرویس برنامه در خدمات Azure
- قسمت 3 – پروژه Angular 10 در Azure DevOps CI/CD با Azure Repos یا GitHub و میزبانی در Azure App Service
- بخش 5: پیکربندی CI/CD برای پروژه با ادغام Azure DevOps با Azure App Service
بیا شروع کنیم…