ایکسپو کے ساتھ ملکیت کا تعین شروع کریں

مقامی ردعمل ایک پلیٹ فارم ہے جو آپ کو جاوا اسکرپٹ کا استعمال کرتے ہوئے مقامی موبائل اطلاقات بنانے کے قابل بناتا ہے. جیسا کہ نام کا مطلب ہے، یہ استعمال کرتا ہے ردعمل لہذا موبائل انٹرفیس کو تشکیل دینے کے لئے ویب پر رد عمل کا استعمال کرنے کی طرح ہے. ایچ ٹی ایم ایل ٹیگ کا استعمال کرتے ہوئے اجزاء بنانے کے بجائے، اس کے اجزاء کا اپنا سیٹ ہے جو مقامی UI اجزاء کے پابند ہیں.

مقامی ردعمل قائم کرنے کے لئے مشکل ہوسکتا ہے، خاص طور پر جب یہ اطلاعات کو دھکا دیتا ہے. آپ کو لوڈ، اتارنا Android کے لئے iOS اور جاوا کے لئے مقصد سی میں سرٹیفکیٹ قائم کرنے اور مقصد سی میں ڈوبنا ہوگا. البتہ، ایکسپو اس کی ضرورت کو ختم کرتا ہے.

ایک اپلی کیشن کے بجائے ایک ویب سائٹ کی تعمیر؟ آپ ایک مہذب استعمال کرسکتے ہیں ویب سائٹ بلڈر . اور سائٹ کو برقرار رکھنے کے لئے، آپ کو حاصل کریں ویب میزبانی جگہ پر.

• اپنے کام کے بہاؤ کو تیز کرنے کے لئے 30 ویب ڈیزائن کے اوزار

ایکسپو کا مطلب یہ ہے کہ آپ مقامی اطلاقات کو رد عمل کر سکتے ہیں اور صرف جے ایس کا استعمال کرتے ہوئے اپلی کیشن اسٹورز میں تعینات کرسکتے ہیں. اس کے علاوہ، یہ اطلاعات، کیمرے، رابطوں، مقام اور اسی طرح کے طور پر مقامی فعالیت تک رسائی کے ساتھ SDK پیش کرتا ہے. یہ کچھ UI اجزاء تک رسائی فراہم کرتا ہے جو ردعمل مقامی کور میں شامل نہیں ہیں، لیکن اکثر استعمال ہوتے ہیں، جیسے شبیہیں، دھندلاظر خیالات اور اسی طرح کے بغیر مقامی کوڈ کی ایک سطر لکھنے کے بغیر.

ایکسپو بھی ایکس کوڈ یا لوڈ، اتارنا Android سٹوڈیو کا استعمال کرتے ہوئے تعمیر کرنے کی ضرورت کے بغیر جمع کرانے کے لئے تیار اپلی کیشن بنا سکتے ہیں. اگر آپ نے پہلے ہی استعمال نہیں کیا ہے تو، وہ ایک خوفناک جگہ ہوسکتے ہیں، خاص طور پر اگر آپ صرف ردعمل کے ساتھ شروع کر رہے ہیں - یا عام طور پر اعتماد نہیں ہیں اے پی پی کیسے بنانا . ایپلی کیشنز (یا منصوبوں) ایک اپلی کیشن اسٹور کو جمع کرنے کے بجائے ایکسپو میں شائع کیا جا سکتا ہے، جس سے صارفین کو ایکسپو موبائل کلائنٹ کے ذریعہ منصوبے کی کوشش کرنے کی اجازت دیتا ہے. فکر مت کرو، یہ بعد میں احاطہ کیا جائے گا!

کیا آپ اپنے ایپ کو ایک ٹیم کے ساتھ تعمیر کر رہے ہیں؟ اپنی فائلوں کو قابل رسائی، قابل اعتماد میں محفوظ کریں کلاؤڈ اسٹوریج .

01. ایکسپو سیٹ کریں

ایکسپو انسٹال کرنے کے لئے ایک براہ راست عمل ہے. سر کے اوپر سائٹ اور تازہ ترین XDE ڈاؤن لوڈ کریں، پھر آپ کے فون یا ٹیبلٹ پر موبائل ایپ انسٹال کریں. موبائل کلائنٹ کسی بھی ڈویلپر لائسنس یا سرٹیفکیٹ سیٹ اپ کے اوپر کی ضرورت کے بغیر اپنے ایپ کے ذریعہ ایک حقیقی آلہ پر ایپس چلانے کے قابل بناتا ہے.

اس کے بعد آپ ایپو سروس میں ایپس شائع کرسکتے ہیں تاکہ صارفین اپلی کیشن اسٹور اور Google Play جائزہ کے عمل کے ذریعے جانے کی ضرورت کے بغیر، ایکسپو موبائل کلائنٹ کے ذریعہ اپنے مکمل منصوبوں کو چلا سکتے ہیں.

ایکسپو عمارت اسٹینڈ اکیلے ایپلی کیشنز کی حمایت کرتا ہے جو دستی طور پر اپلی کیشن اسٹور یا اسٹور پر شائع کیا جا سکتا ہے، تاہم آپ کو اس پلیٹ فارم کے لئے ڈویلپر اکاؤنٹس کی ضرورت ہوگی. ایپل کے ڈویلپر پروگرام فی سال £ 79 اخراجات اور Google کا کھیل کنسول $ 25 USD کی ایک بار فیس کی قیمت ہے.

02. اپنا پہلا اپلی کیشن بنائیں

چلو کاروبار حاصل کریں اور ایکسپو کے ساتھ اپنا پہلا ایپ بنائیں. ایکسپو XDE کھولیں، پروجیکٹ اور جی ٹی کو منتخب کریں؛ نئی پروجیکٹ اور خالی ٹیمپلیٹ کا انتخاب کریں. تمام انحصار انسٹال کریں اور ردعمل مقامی پیکیج شروع کریں، جو تمام اثاثوں کو بنڈل بناتا ہے.

یہاں سے، آپ اے پی پی شائع کر سکتے ہیں، اے پی پی کو ایکسپو موبائل کلائنٹ میں اشتراک کریں یا اے پی پی کو سمیلیٹر پر چلائیں. یہ ایپ دھکا اطلاعات بنانے میں شامل ہونے کے لئے جا رہا ہے، لہذا آپ ایکسپو موبائل کلائنٹ میں اشتراک کرنے جا رہے ہیں، کیونکہ سمیلیٹروں نے ان کی حمایت نہیں کی ہے. ایس ایم ایس یا ای میل کے ذریعہ ایک لنک بھیجنے کے لئے سکین یا اختیار کرنے کے لئے ایک QR کوڈ حاصل کرنے کے لئے اشتراک کے بٹن پر کلک کریں. ایکسپو کلائنٹ کے ساتھ QR کوڈ کو اسکین کریں. یہ ایکسپو کلائنٹ کے ذریعہ اپلی کیشن کو چلتا ہے اور اس کے ساتھ ایک اسکرین تک کھولتا ہے: 'آپ کے ایپ پر کام کرنے کے لئے اپلی کیشن کھولیں!'

اپلی کیشن کے ساتھ، آپ کے پسندیدہ کوڈ ایڈیٹر میں اس منصوبے کو کھولیں اور اپلی کیشن کھولیں. اوپر متن تلاش کریں اور اسے کلاسک 'ہیلو دنیا!' میں تبدیل کریں، پھر بچائیں. آپ کو اپلی کیشن خود کار طریقے سے دوبارہ لوڈ کرنا چاہئے اور متن 'ہیلو دنیا!' اب نظر آتا ہے. جادو!

جب آپ ترقی پذیر ہیں تو، آلہ ملاتے ہوئے ایک ڈویلپر مینو کو ظاہر کرے گا، جس میں ڈیبگنگ کے مددگار اختیارات ہیں. اس مینو سے آپ ایکسپو گھر میں بھی واپس آ سکتے ہیں - اے پی پی سے باہر نکلنے یا کسی دوسرے کو سوئچ کرنے کے لئے مددگار مددگار بھی کرسکتے ہیں.

03. اطلاعات شامل کریں

اب آپ کے پاس ایک بنیادی ایپ سیٹ اپ اور چل رہا ہے، ہمیں اطلاعات بھیجنے اور وصول کرنے کی صلاحیت شامل ہے. یہ عام طور پر مقصد سی اور جاوا کی ضرورت ہوتی ہے، اطلاعات کو بھیجنے کے لئے تیسری پارٹی کی خدمت کو ضم کرنے کی ضرورت ہوتی ہے اور آپ کو iOS کے لئے سرٹیفکیٹ قائم کرنے اور لوڈ، اتارنا Android کے لئے چابیاں بنانے کی بھی ضرورت ہوگی.

سب سے پہلے، آپ کو ایکسپو سے اجازت اور اطلاعات درآمد کرنے اور اے پی پی کلاس میں ایک نئی تقریب بنانے کی ضرورت ہے:

 'ایکسپو' سے {اجازت، اطلاعات} درآمد؛
برآمد پہلے سے طے شدہ کلاس اپلی کیشن readect.component {
  async reghorforpushnotifications () {
  }
} 

یہاں آپ ES2017 ASYNC / منتظر خصوصیت کے استعمال کے لئے ASYNC مطلوبہ الفاظ کا استعمال کرتے ہیں - ردعمل اصل میں ہڈ کے تحت کام کرنے والے بچے ہیں لہذا آپ تمام نئے جاوا اسکرپٹ نیکی کو فائدہ اٹھا سکتے ہیں. اب، چلو نوٹیفکیشن کی اجازتوں سے پوچھتے ہیں اور ایکسپو دھکا ٹوکن کو دوبارہ حاصل کریں - آلہ کو شناخت کرنے کے لئے - تاکہ ایکسپو جانتا ہے کہ دھکا نوٹیفکیشن کہاں بھیجیں:

 ASYNC reghorforpushnotifications () {
  قیام کا نتیجہ = اجازت کی اجازت .اساسیسن (اجازت. remote_notifications)؛
  اگر (نتیجہ. اسٹیٹ! == 'عطا کردہ') {
    واپسی
  }
  Const Token = نوٹیفکیشن کے بارے میں معلومات حاصل کریں .EXPOPOPHTOKENASINC ()؛
  کنسول .log (ٹوکن)؛
} 

یہاں، آپ اجازتوں کی اجازت کے ذریعے نوٹیفکیشن کی اجازت کے لئے طلب کریں گے .اسکسینک () طریقہ. انتباہ صرف iOS پر دکھائے گا کیونکہ لوڈ، اتارنا Android ڈیفالٹ کی طرف سے اطلاعات کو قابل بناتا ہے. اس کے باوجود، آپ اصل میں اب بھی Android پر اسی منطق کے ذریعے چلانے کی ضرورت ہے، کیونکہ یہ اطلاعات بند کرنے کے لئے ممکن ہے.

اگلا، جواب چیک کریں. اگر اطلاعات نہیں دی جاتی ہے تو آپ کو روکنے اور کام سے باہر نکل سکتے ہیں. اگر اطلاعات دی جاتی ہیں تو، آپ کو ایکسپو سروس سے دھکا ٹوکن ملتا ہے. آخر میں، آپ اطلاعات کی جانچ کرنے کے بعد بعد میں استعمال کے لئے ٹوکن کو لاگ ان کرسکتے ہیں اور یہ ایکسپو XDE میں لاگ ان ہوجائے گا.

اس نقطہ پر یہ بات قابل ذکر ہے کہ - iOS پر - یہ انتباہ صرف ایک بار ڈیزائن کی طرف سے ایک بار پھر شروع ہوسکتا ہے؛ لہذا، اگر صارف کی اجازت سے انکار کرے تو، آپ کام سے باہر واپس آنے سے قبل اپنی مرضی کے نوٹس یا انتباہ کو شامل کرنے پر غور کرنا چاہتے ہیں. اس موقع پر اطلاعات کو فعال کرنے کے لئے، صارف کو ایپ کی ترتیبات میں جانے کی ضرورت ہوگی (ہمارے معاملے میں، یہ ایکسپو ہو گا) اور جی ٹی؛ اطلاعات اور انہیں وہاں سے فعال کریں. اس کی وجہ سے، آپ کو ایکسپو موبائل کلائنٹ کو حذف کرنے کی ضرورت ہوگی اور پھر دوبارہ انسٹال کریں گے اگر آپ iOS پر زیادہ سے زیادہ اجازت انتباہ کی جانچ کرنا چاہتے ہیں.

اس کے علاوہ، ایکسپو ایک طریقہ فراہم کرتا ہے جس میں اجازت دیتا ہے .جاسیسینک () اور اس کاموں کو اجازت دیتا ہے .askasync ()، صرف iOS انتباہ سے دور فائرنگ کے بغیر. اگر یہ ایرر برقرار رہے تو ہمارے ہیلپ ڈیسک سے رابطہ کریں. اس ویڈیو پر غلط استعمال کی اطلاع دیتے ہوئے ایرر آ گیا ہے. براہ مہربانی دوبارہ کوشش کریں. اگر یہ ایرر برقرار رہے تو ہمارے ہیلپ ڈیسک سے رابطہ کریں. غلط استعمال کی اطلاع دیتے ہوئے ایرر آ گیا ہے. براہ مہربانی دوبارہ کوشش کریں. اگر یہ ایرر برقرار رہے تو ہمارے ہیلپ ڈیسک سے رابطہ کریں. اگر iOS کی انتباہ پہلے ہی شروع ہو چکا ہے (یاد رکھیں، یہ صرف ایک بار انسٹال کرنے کے لئے ایک بار فائر کر دیا جا سکتا ہے)، اجازتوں کو انسٹال کرنے کے لئے صرف ایک ہی معلومات کو اجازت دیتا ہے. اجازت نامہ استعمال کرنے کے لئے ().

اس کے بعد آپ کو اس فنکشن کو اجزاء ڈائرکٹری لائف سائیکل کے طریقہ کار میں کال کرنے کی ضرورت ہے تاکہ یہ اپلی کیشن لانچ پر چلیں.

 ComponentDIDMOUNT () {
  یہ.registerForpushnotifications ()؛
} 

اگلا، اگر آپ نوٹیفکیشن کی اجازت قبول کرتے ہیں، تو آپ کا اے پی پی مقامی اور ریموٹ اطلاعات حاصل کرنے کے قابل ہو جائے گا. مقامی اطلاعات پھر سیٹ اپ اور آلے کے ذریعہ براہ راست ایپ پر بھیجے جاتے ہیں اور انٹرنیٹ کنکشن کی ضرورت نہیں ہے. ریموٹ اطلاعات ایک سرور سے آتے ہیں اور ایپل دھکا نوٹیفکیشن سسٹم (اے پی این ایس) یا Google Cloud Messaging (GCM) کی خدمات کے ذریعہ نوٹیفیکیشن بھیجتے ہیں. یہ عمل بھی ان کو حاصل کرنے کے لئے انٹرنیٹ کنکشن تک رسائی کی ضرورت ہوگی.

ایکسپو میں HTTPS://exp.host/--/api/v2/push/send پر اطلاعات بھیجنے کے لئے ایک سروس ہے؛ آپ سب کو کرنے کی ضرورت ہے کہ کچھ ڈیٹا بھیجیں. اس کے بعد مندرجہ ذیل کی طرح تھوڑا سا نظر آئے گا:

 {
  // دھکا ٹوکن.
  "کرنے کے لئے": & lt؛ اے پی پی اور جی ٹی سے ٹوکن؛
  // نوٹیفکیشن عنوان.
  "عنوان": "نوٹیفکیشن عنوان"،
  // نوٹیفکیشن جسم.
  "جسم": "نوٹیفکیشن جسم"،
  // اعداد و شمار کے طور پر ڈیٹا میں پاس، یہ نوٹیفکیشن کو سنبھالنے کے بعد یہ استعمال کیا جا سکتا ہے.
  "ڈیٹا": {"قیمت": "ہیلو ورلڈ!" }
} 

ہم ایک نوٹیفکیشن کی جانچ کرنے سے پہلے، اگر اپلی کیشن کھلی ہے تو ہم اطلاعات کو سنبھالنے کے لئے ہمارے ایپ کو ترتیب دیں گے. ڈیزائن، iOS اور لوڈ، اتارنا Android کی طرف سے ایک اپلی کیشن کھولنے پر ایک اطلاع نہیں دکھاتا ہے. آپ یہاں دھکا پیغام میں بھیجے گئے کسی بھی ڈیٹا کو بھی سنبھال سکتے ہیں، اگر ہم اس پر عمل کرنے کی ضرورت ہے. آئیے اس کو سنبھالنے کے لئے ایک نیا کام بنائیں اور ڈیٹا ویلیو پراپرٹی کو خبردار کریں:

 ہینڈلنٹائزیشن (نوٹیفکیشن) {
  انتباہ (نوٹیفکیشن. data.value)؛
} 

اس کے بعد ہمارے اجزاء سے متعلق زندگی کی زندگی کا طریقہ آپ کو ایک سننے والے کو قائم کرنے کی ضرورت ہے، جو ہم نے صرف تخلیق ہینڈلر کو بلایا ہے:

 ComponentDIDMOUNT () {
  یہ.registerForpushnotifications ()؛
  نوٹیفکیشن. الزامات (یہ. ہینڈلیٹیشن)؛
} 

اب آپ سیٹ کر رہے ہیں. چلو ایک کرل کی درخواست کے ساتھ ایک دھکا نوٹیفیکیشن بھیجیں:

 curl \
  ایکس پوسٹ \
  -H "مواد کی قسم: درخواست / JSON" \
  -D '{
    "کرنے کے لئے": "& lt؛ ٹوکن اور جی ٹی؛"
    "عنوان": "نوٹیفکیشن عنوان"،
    "جسم": "نوٹیفکیشن جسم"،
    "ڈیٹا": {"قیمت": "ہیلو ورلڈ!" }
  } \
  https://exp.host/--/api/v2/push/send

آپ اس curl کمانڈ پر قبضہ کر سکتے ہیں یہاں . اگر آپ کرل سے واقف نہیں ہیں تو، آپ کسی چیز کا استعمال کرتے ہوئے درخواست بھیج سکتے ہیں ڈاکیا ، جو درخواستوں کو بھیجنے کے لئے GUI استعمال کرتا ہے.

ایک بار جب درخواست بھیجا جائے تو، اب آپ کو اطلاع دی گئی اطلاع آتی ہے. ایکسپو دھکا سروس استعمال کرنے پر کوئی حدود نہیں ہیں. ایک حقیقی دنیا کے منظر میں، یہ دھکا نوٹیفکیشن کی ایک صف بھیجنے کے ذریعے، 100 کے بیچوں میں، خریدنے کے لئے یہ حوصلہ افزائی کی جاتی ہے:

 [
  {// نوٹیفکیشن اعتراض اوپر کے طور پر}،
  {// ایک اور اطلاع اعتراض}
] 

04. ایکسپو کے ساتھ شائع

لہذا، اب ہمارے پاس ایک چمکدار نیا ردعمل مقامی ایپ ہے (یہاں تک کہ اگر یہ ابھی تک بہت کچھ نہیں کرتا!)، ہم دوسروں کو اسے کس طرح کسی کو ایکسپو XDE سے چلانے کے بغیر استعمال کرتے ہیں؟ سب سے آسان طریقہ XDE سے شائع کرنے پر کلک کرکے ہے. یہ اس منصوبے کو ایکسپو میں شائع کرے گا اور آپ کی پروفائل پر ایک لنک دکھایا جائے گا، جس میں آپ https://expo.io//lt؛ username> پر تلاش کرسکتے ہیں.

جب آپ شائع شدہ پروجیکٹ کے لنک کا دورہ کرتے ہیں تو، ایکسپو موبائل کلائنٹ کے ساتھ صرف ایکسپو موبائل کلائنٹ کے ساتھ اسکین (XDE کے طور پر ایک ہی اختیارات کے درمیان واقع) کا ایک QR کوڈ ہو گا. اگر ہم اپلی کیشن کو اپ ڈیٹ کرنا چاہتے ہیں تو، ہم سب کو دوبارہ کرنے کی ضرورت ہے اور اپلی کیشن کو دوبارہ چلانے کے بعد صارف کو تبدیلیاں دستیاب ہوگی.

یہ مضمون اصل میں ویب ڈیزائنرز اور ڈویلپرز کے لئے دنیا کے سب سے بہترین فروخت میگزین نیٹ ورک کے 297 نیٹ ورک میں شائع کیا گیا تھا. یہاں نیٹ ورک سبسکرائب کریں .

مزید طریقوں سے سیکھنا چاہتے ہیں جو آپ ماسٹر ردعمل کرسکتے ہیں؟

اگر آپ ردعمل کے بارے میں مزید سیکھنے میں دلچسپی رکھتے ہیں تو اس بات کو یقینی بنائیں کہ آپ نے اپنی ٹکٹ اٹھایا ہے 19-21 ستمبر 2018 سے لندن پیدا کریں . دنیا بھر میں ردعمل کو سکھانے اور شروع کرنے کے لئے رد عمل اکیڈمی قائم کرنے کے بعد sizzy.co. اور OK-Google.io. کرسٹجن Ristovski اپنے ورکشاپ کی فراہمی کی جائے گی - جانیں کہ کس طرح رد عمل میں سوچنے کے بارے میں سوچتے ہیں - جس میں وہ ردعمل کے بہترین طریقوں کو تلاش کریں گے اور آپ کو حقیقی مسائل کو حل کرنے کے لۓ آپ کو ایک اپلی کیشن کی تعمیر کے عمل میں سامنا کرنا پڑتا ہے.

19-21 ستمبر 2018 تک لندن پیدا ہوتا ہے. اب اپنا ٹکٹ حاصل کرو .

متعلقہ مضامین:

• ان پانچ عوامل کے ساتھ اپنے سر کے ارد گرد رد عمل کریں
• 10 ماہرین RectJS تجاویز آپ کو آج جاننے کی ضرورت ہے
• مقامی طور پر ردعمل کے ساتھ مقامی موبائل ایپ کی تعمیر کریں