= Amazon S3 پر React ایپس تعینات کریں =
== S3 == کے ساتھ React ایپس کو کیسے تعینات کیا جائے اس بارے میں 5 منٹ کی گائیڈ
لہذا آپ نے اپنا React ایپ مکمل کر لیا ہے اور آپ اسے کہیں ہوسٹ کرنا چاہتے ہیں۔ کیا آپ جانتے ہیں کہ آپ اپنی React ایپس کی میزبانی کے لیے Amazon AWS S3 استعمال کر سکتے ہیں؟ یہ نسبتاً آسان، کم لاگت اور فوری تعیناتی ہے۔
= آئیے شروع کریں! =
== شرطیں ==
اس سے پہلے کہ ہم ہوسٹنگ میں جائیں، آئیے انتظامی سیٹ اپ مکمل کر لیں۔ یقینی بنائیں کہ مندرجہ ذیل مکمل ہیں:
**آپ کے پاس AWS اکاؤنٹ ہے AWS اکاؤنٹ کے لیے یہاں سائن اپ کریں: httpsaws.amazon.com/resources/create-account/ **AWS کنسول میں AWS صارف بنائیں، IAM ٹیب پر جائیں، اور à پر جائیں۔ سائڈبار پر ¢ÃÂÃÂUsersâÃÂàسیکشن۔
âÃÂÃÂUser شامل کریں پر کلک کریں اور âÃÂÃÂپروگرامیٹک رسائی کو چیک کریں۔ ÃÂ
âÃÂàاگلا: PermissionsâÃÂàپر کلک کریں اور یہاں âÃÂÃÂموجودہ پالیسیوں کو براہ راست منسلک کریں Âàتعیناتی کے مقصد کے لیے AdministratorAccessâÃÂàچیک کریں۔
نیکسٹ بٹن پر کلک کریں اور آخر میں âÃÂÃÂCreate userâÃÂàپر کلک کریں۔
آخری مرحلے میں، ہمیں ایک رسائی کلید ID اور خفیہ رسائی کلید موصول ہوتی ہے۔ ڈاؤن لوڈ اور
** انہیں اپنے کمپیوٹر میں محفوظ کریں کیونکہ آپ کو بعد میں اس کی ضرورت ہوگی۔
== AWS CLI انسٹال کریں ==
AWS CLI ایک طاقتور ٹول ہے جو تعیناتی کے عمل کو آسان بنانے میں ہماری مدد کر سکتا ہے۔
آئیے Homebrew (macOS کے لیے) کا استعمال کرتے ہوئے AWS CLI انسٹال کریں۔ ہومبریو انسٹال کریں اگر آپ کے پاس پہلے سے نہیں ہے۔
*نوٹ: اگر آپ ونڈوز استعمال کررہے ہیں، تو آپ کو آفیشل دستاویزات پر ہدایات مل سکتی ہیں* *یہاں*
اپنا ٹرمینل کھولیں، اور داخل کریں۔
brew install awscli.
CLI ٹول انسٹال ہونے کے بعد، ہم اپنے AWS اکاؤنٹ کو کنفیگر کر سکتے ہیں۔
aws ترتیب دیں۔ یہ وہ جگہ ہے جہاں آپ کو رسائی کی کلیدی معلومات درج کرنے کی ضرورت ہوگی جو آپ نے پہلے ڈاؤن لوڈ کی تھی۔ یہ مندرجہ ذیل کی طرح کچھ ہونا چاہئے.
علاقے کے لیے، آپ AWS کنسول پر اپنا URL چیک کر سکتے ہیں اور اس میں آپ کے علاقے کا ذکر ہوگا۔ مثال کے طور پر، میرا âÃÂÃÂap-southeast-1âÃÂàہے۔
= ایک ری ایکٹ ایپ بنانا =
آپ کے پاس پہلے سے ہی آپ کی React ایپ تعیناتی کے لیے تیار ہو سکتی ہے۔ تاہم، اگر آپ کو نمونہ ایپ کی ضرورت ہے، تو آپ درج ذیل اختیارات استعمال کر سکتے ہیں:
- چلا کر بوائلر پلیٹ ری ایکٹ ایپ بنائیں
npx create-react-app my-app
- httpsgithub.com/harishv7/react-hook-form-example سے میری نمونہ ری ایکٹ ایپ (ایک فارم کی مثال کے ساتھ) ڈاؤن لوڈ کریں۔ یہ React ایپس میں فارمز شامل کرنے کے لیے ٹیوٹوریل کے لیے کیا گیا تھا۔ اسے یہاں چیک کریں۔
ایک بار ہو جانے کے بعد، یقینی بنائیں کہ انحصار تمام انسٹال ہو چکے ہیں۔
یارن انسٹال کریں اور ایپ کو استعمال کرکے چلائیں۔
سوت شروع.
= سیٹ اپ ایک S3 بالٹی =
اب جبکہ ہمارے پاس ہماری نمونہ ایپ تیار ہے، آئیے اپنی ایپ کی میزبانی کے لیے S3 بالٹی کو ترتیب دیں۔
AWS کنسول پر، âÃÂÃÂS3âÃÂàتلاش کریں اور S3 ڈیش بورڈ پر جائیں۔ âÃÂÃÂCreate bucketâÃÂàپر کلک کریں اور بالٹی کو ایک نام دیں جیسے âÃÂÃÂmy-react -app-2021âÃÂà(یا کوئی اور چیز جو آپ چاہیں)۔
*نوٹ: بالٹی کا نام پورے S3 میں منفرد ہونا چاہیے۔ اس لیے ایک منفرد نام منتخب کریں جو موجود نہ ہو، ورنہ آپ کو غلطی ہو جائے گی!* 
بالٹی تک عوامی رسائی کو آن کریں کیونکہ ہم اسے لائیو ہوسٹ کر رہے ہیں۔
باقی سیٹنگز کو وہی رہنے دیں جو وہ ہیں اور âÃÂÃÂCreate bucketâÃÂàپر کلک کریں۔ آپ اپنے S3 ڈیش بورڈ پر درج ذیل کی طرح ایک اندراج دیکھیں گے۔
آئیے کلک کریں اور ہماری نئی تخلیق کردہ S3 بالٹی میں جائیں۔
آئیے âÃÂÃÂPropertiesâÃÂàپر کلک کریں اور نیچے تک اسکرول کریں جہاں آپ کریں گے۔ دیکھیں جامد ویب سائٹ ہوسٹنگ۔
âÃÂàEnableâÃÂàپر کلک کریں اور âÃÂÃÂindex.htmlâà àانڈیکس دستاویز کے تحت۔
دیگر فیلڈز کو ویسا ہی رہنے دیں اور تبدیلیاں محفوظ کریں پر کلک کریں۔
= S3 پر تعیناتی =
اب، ہم اپنی ایپ کو S3 پر تعینات کرنے کے لیے تیار ہیں۔ ایسا کرنے کا طریقہ درج ذیل CLI کمانڈ کو استعمال کرنا ہے۔
aws s3 sync build/ s3your-bucket-name>--acl public-read
ہم اس کمانڈ کو اپنی package.json فائل میں ایک âÃÂÃÂdeployâÃÂàاسکرپٹ کے طور پر بھی شامل کر سکتے ہیں۔
آئیے استعمال کرکے اپنی ایپ بنائیں
یارن کی تعمیر جو ایک بہتر پیداوار کی تعمیر میں مدد کرتی ہے۔
اس کے بعد، آئیے اوپر دی گئی CLI کمانڈ کو چلائیں یا اگر آپ نے package.json میں اپنی اشاعت کا اسکرپٹ ترتیب دیا ہے، تو ہم استعمال کر سکتے ہیں۔
سوت کی تعیناتی.
بس یہ ہے، ہماری ایپ اب تعینات ہے!
یہ جاننے کے لیے کہ ہماری ایپ کہاں ہوسٹ کی گئی ہے (ویب سائٹ کا لنک)، AWS S3 کنسول پر جائیں اور اپنی بنائی ہوئی بالٹی پر کلک کریں۔
âÃÂÃÂPropertiesâÃÂàٹیب پر جائیں اور تمام راستے نیچے اسکرول کریں جامد ویب سائٹ تک hostingâÃÂàسیکشن اور ہمارا URL وہاں ہوگا۔
اس پر کلک کریں اور آپ کی ایپ ایک نئے ٹیب میں کھل جائے گی۔ یہ میرا ہے!
= نتیجہ =
ہم نے کامیابی کے ساتھ اپنی React ایپ کو Amazon S3 پر تعینات کر دیا ہے! اپنے React پروٹو ٹائپس کو تیزی سے تعینات کرنے اور جانچنے اور دوسروں کے ساتھ اشتراک کرنے کے لیے یہ ایک بہترین انتخاب ہے۔ یہ واقعی آسان اور فوری تعیناتی بھی ہے۔
امید ہے کہ یہ سبق آپ کے لیے مفید تھا!
مبارک کوڈنگ! ðÃÂÃÂû
*مزید مواد* *plainenglish.io* پر
