در این مقاله، نحوه استقرار Angular Application و میزبانی آن در صفحات GitHub را خواهید آموخت. آیا برای میزبانی اولین Angular Application خود در یک سرور زنده خارج شده اید؟
راه های خاصی برای میزبانی برنامه Angular شما وجود دارد، اما من از Angular-CLI برای ساخت یک برنامه Angular استفاده می کنم. تولید بیلد با استفاده از Angular-CLI به سادگی نوشتن یک دستور خط فرمان است.
ng build - -prod
یا
ایجاد یک بیلد تولیدی با تلفیقی Ahead-Of-Time نیز ساده است.
ng build - -prod - -aot
کد کوچک کامپایل شده و باندل شده را در یک دایرکتوری فرعی/dist ایجاد می کند که ما آن را در صفحات GitHub مستقر و میزبانی می کنیم.
آیا عالی نیست، بچه ها، این که با نوشتن یک دستور خط فرمان، یک بیلد برای شما ایجاد می کند؟ به سلامتی تیم Angular CLI. باور کنید، میزبانی Angular Application شما نیز به آسانی ایجاد یک بیلد است. بیایید ببینیم چگونه.
صفحات GitHub
GitHub این ویژگی را دارد که کدهای میزبانی شده در GitHub به طور خودکار در صفحات GitHub در دسترس خواهد بود. قبل از شروع میزبانی در GitHub، به یک حساب کاربری در GitHub و همچنین نصب خط فرمان git ( https://git-for-windows.github.io/ ) نیاز دارید . اکنون، میتوانید با استفاده از خط فرمان git، برنامه Angular خود را میزبانی کنید. من روند میزبانی را در مراحل زیر تقسیم می کنم.
- ایجاد build
ng build - -prod یا ng build - -prod - -aot
- حذف Dist Directory از .gitignore
به طور پیش فرض، فهرست dist در فایل gitignore. است، بنابراین آن را در سرور GitHub آپلود نمی کند. زمانی که می خواهیم دایرکتوری dist در سرور GitHub آپلود شود، باید آن را از فایل .gitignore حذف کنیم.
- مخزن را ایجاد کنید
- به github.com بروید
- مخزن جدید را ایجاد کنید و نام آن را مطابق شکل زیر بسازید.
- GitHubusername.github.io
- مثال: jinalshah999.github.io
- کپی URL سرور از راه دور
، زمانی که ما پوشه dist را آپلود کنیم، لازم است.
- حال، خط فرمان را باز کنید، به دایرکتوری منبع بروید و مراحل را دنبال کنید.
- git remote اضافه کردن مبدا CopiedURL
- git افزودن .