بعد از تلاشهای بی پایان و چک و چونه زدن با هاست های داخل کشور که بذارن ما یه انگولار بیاریم بالا روی هاستمون و اجازه ندادنشون برآن شدم که دست به دامن سایتهای بیگانه و دشمن بشیم :))
با اینور و اونور گشتن به این رسیدم که فایربیس هاست میده اونم چه هاستییییییییی...!
رفتیم و دست به دامان فیلترشکن گرامی شدیم و ثبت نام کردیم توی سایت فایربیس. دنیای جالبی داره که فکر کنم بچه های اندروید کار بیشتر باهاش اشنا هستن تا ما بچه های وب. شاید اشتباه میکنیم و باید بیشتر طرح دوستی باهاش بریزیم. هنوز دقیق نمیدونم قابلیت هاش چیه. تازه اولین قرارمون بود :)
خلاصه یه سری حرفها باهم زدیم (من و فایربیس جان) و شروع کردیم کار کردن روی اولین پروژه انگولار برای انتشار در دنیای بی انتهای وب.
در اولین قدم که وب سایت خودتون یا وب اپ خودتون رو اماده میکنین. ما اینجا از انگولار استفاده کردیم و VS CODE
پروژه ی انگولار رو باید اماده انتشار کنین. برای اینکار در ترمینال جنوب! کد زیر رو وارد میکنیم:
ng build --prod
اینکار باعث میشه یه فایل درست بشه توی پروژتون به اسم dist که فایلهای پابلیش سایتتون توی اونه.
حالا باید اهسته و یواش یواش و پاورچین تا دشمنان داخلی و خارجی متوجه نشن برین سمت سایت زیر:
https://console.firebase.google.com/
و اونجا یک پروژه جدید ایجاد کنید.
اصلا خبری نیست و نترسین ولی باید یه سری چیزها نصب کنین پس باز اسنپ بگیرین و برین ترمینال جنوب توی VS Code و به ترتیب برین جلو :
npm install -g firebase-tools
این خط کد ابزارهای فایربیس رو براتون نصب میکنه تا بتونید باهاش کار کنید.
بعد نصب ابزارها حالا وقت لاگین توی فایربیس هستش. با کد زیر اینکار رو انجام بدین :
firebase login
یه لینکی بهتون میده که میتونین با اکانت گوگل لاگین کنین و کارتون راحت میشه.روشهای دیگه اش رو من تست نکردم خودتون بتستین!
خب تا اینجا اوکی بود. حالا وقت انتشار هستش.
برای اینکار باید مشخص کنین که چه پروژه ای دارین و میخواین انتشار بدین.خوشبختانه راحته و همه اش رو توضیح داده. پس منم کد رو میذارم و یه عکس:
اول کد زیر رو میزنیم:
firebase init
یه سری حرفها میزنه بهتون که حوصله ی تایپشون رو ندارم واستون عکسشو میذارم (جرم نیست چتمون رو عمومی میکنم؟)
من عکس دوم رو پیشنهاد میدم ولی خب دو نمونه رو براتون گذاشتم که ببینیدشون و با توجه به نیازتون انتخاب کنین.
نکته ای که توی عکس دوم هست و باید دقت کنین اگه یادتون باشه گفتم فایلهای پروژتون توی dist قرار میگیره. اگه بخش 4 عکس بالا رو انجام ندین فایربیس میره و از توی پوشه ی public میخواد فایلهای اصلی سایتتون رو روی هاست اپلود کنه. در این صورت هی بهتون پیغام موفقیت میده اما سایتتون دیده نمیشه و عکس زیر رو میبینید :
پس حتما بخش 4 عکس رو انجام بدین.
تموم شده تقریبا فقط باید کد زیر رو بزنین و لذت ببرید:
firebase deploy
حالا یه لینک بهتون میده که راحت میتونین به وسیله اون سایتتون رو ببینید.
اینم از کلاس درس امروز ما.....خیلی باحاله هاااااااااااااااااااا (به سبک رضا مارمولک بخونین :دی )
لطفا اگه هاست ایرانی ، یا هاست خارجی خوبی سراغ دارین برای انگولار،react ، Vue و ازین دست چیزها به ماهم معرفی کنین.
