برنامه های وب استاتیک Azure سرویسی است که به طور خودکار برنامه های وب پشته کامل را از یک مخزن کد (یا Github یا Azure Devops) در Azure می سازد و مستقر می کند.
پیش نیازها
- یک حساب Azure داشته باشید. اگر ندارید، می توانید یک حساب کاربری در اینجا ایجاد کنید.
- یک حساب Github یا Azure Devops برای میزبانی کد شما. (این مقاله گردش کار Github را شرح می دهد)
مرحله 1: مخزن کد را ایجاد کنید
برای میزبانی کد برنامه، باید یک مخزن در Github یا Azure Devops داشته باشید. در این مقاله از Github استفاده کردم و با استفاده از این قالب یک مخزن ایجاد کردم.
مرحله 2: ایجاد یک برنامه وب استاتیک (با استفاده از Github)
- از پورتال لاجوردی، جستجو کنید برنامه های وب استاتیک و انتخاب کنید برنامه های وب استاتیک خدمات در منوی کشویی
- انتخاب کنید
CreateیاCreate static web appدکمه زیر نشان داده شده است.
- در برگه پایه، فیلدهای مورد نیاز را پر کنید
- اشتراک، ابونمان: اشتراک Azure خود را انتخاب کنید
-
گروه منابع: اگر یک گروه منبع ایجاد کرده اید یا از آن استفاده می کنید، یک گروه منبع را انتخاب کنید
Create newپیوند داده و نام گروه منبع را وارد کنید. -
نام: این نام برنامه است. استفاده کردم
moyin-static-web-app. نام مورد نظر خود را در جعبه متن وارد کنید. - نوع طرح: رایگان را انتخاب کنید.
- توابع Azure و جزئیات صحنه سازی: نزدیک ترین منطقه به خود را انتخاب کنید. من آن را به عنوان پیش فرض رها کردم.
-
منبع: انتخاب کنید
GitHubو با کلیک کردن احراز هویت کنیدSign in with Githubدکمه.
- پس از احراز هویت، کد را انتخاب کنید
Organization،RepositoryوBranchاز بازشوها - ساخت از پیش تنظیم: چارچوب یا زبان مورد استفاده برای نوشتن کد را انتخاب کنید. من از React استفاده کردم.
- مکان برنامه: مسیر برنامه خود را قرار دهید. مال من پوشه ریشه است، بنابراین آن را به عنوان پیش فرض (‘/) گذاشتم.
- مکان Api: اگر با api کار می کنید، می توانید مسیر را در اینجا اضافه کنید.
- محل خروجی: مسیر ساخت خود را وارد کنید.
پس از انجام، review and create برنامه
وقتی استقرار کامل شد، را انتخاب کنید Go to resource دکمه
مرحله 3: مشاهده برنامه وب
ساخت استقرار باید قبل از مشاهده سایت کامل شود. می توانید بنر را با آن انتخاب کنید Click here to check the status of your github action runs.
پس از تکمیل ساخت (جریان کاری Github Actions)، آدرس اینترنتی را انتخاب کنید و برنامه وب مستقر شده را مطابق شکل زیر مشاهده کنید.
مرحله 4: پاکسازی منابع
اگر قرار نیست از برنامه استفاده کنید، آن را حذف کنید Azure Static Web Apps به عنوان مثال برای جلوگیری از متحمل شدن هزینه های غیر ضروری.
