Google AI Studio سے پہلا Gemini app: prompt سے deploy تک محفوظ راستہ

Google AI Studio سے پہلا Gemini app بنانے کا محفوظ راستہ یہ ہے کہ پہلے Playground میں ایک محدود کام کے لیے prompt آزمائیں، پھر Get code سے API integration شروع کریں یا Build mode میں اسی منطق کا full-stack web app بنائیں۔ deploy کرنے سے پہلے Gemini API key کو server-side secret رکھیں، صرف ضروری device permissions مانگیں اور ناکامی کے حالات بھی جانچیں۔
اس عملی walkthrough میں ایک مشروط mini-project، Study Note Helper، بنایا جائے گا۔ یہ چسپاں کیے گئے تعلیمی متن سے اردو خلاصہ، اہم اصطلاحات اور پانچ مشقی سوالات تیار کرے گا؛ camera سے نوٹ لینے کی سہولت صرف اختیاری اضافہ ہوگی، بنیادی app نہیں۔
1۔ پہلے app کی حد مقرر کریں
ابتدائی version کو ایک قابلِ جانچ کام تک محدود رکھیں۔ Study Note Helper کا input تعلیمی متن اور output صرف تین حصے ہوں گے: مختصر خلاصہ، اہم اصطلاحات کی وضاحت اور پانچ سوالات۔ login، database، payments یا متعدد AI tools اسی مرحلے میں شامل ہوں تو یہ معلوم کرنا مشکل ہو جاتا ہے کہ خرابی prompt میں ہے، model response میں یا application code میں۔
یہ بھی واضح کریں کہ app حساس ذاتی معلومات کے لیے نہیں ہے۔ input کے قریب مختصر تنبیہ رکھی جا سکتی ہے کہ شناختی کارڈ، طبی ریکارڈ، پاس ورڈ یا نجی گفتگو شامل نہ کی جائے۔ یہ باقاعدہ privacy policy کا بدل نہیں، مگر صارف کو mini-project کی حد صاف بتاتا ہے۔
2۔ Playground میں prompt کو تین inputs سے آزمائیں

Google AI Studio quickstart کے مطابق Playground میں chat prompt شروع کیا جا سکتا ہے، Run settings میں System Instructions، model parameters اور safety settings بدلی جا سکتی ہیں، اور تیار prompt سے Get code لیا جا سکتا ہے۔ پہلے System Instructions میں یہ متن رکھیں: “آپ پاکستانی طالب علم کے لیے Study Note Helper ہیں۔ صرف دیے گئے متن کی بنیاد پر اردو جواب دیں۔ پہلے زیادہ سے زیادہ پانچ جملوں کا خلاصہ، پھر اہم اصطلاحات، پھر پانچ مشقی سوالات دیں۔ مواد ناکافی ہو تو اندازہ لگانے کے بجائے بہتر input مانگیں۔”
اب تین مختلف inputs چلائیں: ایک صاف مختصر نوٹ، ایک طویل اور بے ترتیب متن، اور ایسا سوال جس کا جواب فراہم کردہ نوٹ میں نہ ہو۔ مطلوبہ نتیجہ یہ ہے کہ تینوں output حصے برقرار رہیں، app غیر موجود معلومات گھڑنے کے بجائے اپنی حد بتائے اور نوٹ کے اندر موجود ایسی ہدایت کو قبول نہ کرے جو System Instructions سے متصادم ہو۔
Model کا جواب خود بخود مستند علمی حوالہ نہیں بن جاتا۔ خلاصے میں شامل اہم تعریف، تاریخ یا عدد کو اصل کتاب، lecture notes یا استاد سے ملانا اس mini-project کے استعمال کی ضروری حد ہے۔
3۔ Run settings سمجھ کر Get code لیں
Run settings میں ایک وقت میں صرف ایک چیز بدلیں اور ہر تبدیلی کے بعد وہی تین inputs دوبارہ چلائیں۔ اس سے معلوم ہوگا کہ output model، کسی parameter یا safety setting کی وجہ سے بدلا۔ structured output تب فعال کریں جب اگلا code متعین fields یا JSON چاہتا ہو؛ صرف screen پر متن دکھانے والے prototype میں واضح headings کافی ہو سکتی ہیں۔
نتیجہ قابلِ قبول ہو جائے تو Get code کھول کر اپنی programming language یا SDK منتخب کریں۔ حاصل شدہ code کو API request کا نقطۂ آغاز سمجھیں، مکمل production application نہیں: input validation، request timeout، error handling، logging اور secret management الگ ذمہ داریاں ہیں۔ prompt، منتخب model اور بدلی گئی settings بھی project notes میں درج کریں تاکہ بعد میں output میں فرق کی وجہ تلاش ہو سکے۔
4۔ اسی specification سے Build mode میں web app بنائیں

Build mode میں مبہم خواہش کے بجائے قابلِ جانچ specification دیں: “Study Note Helper نام کا responsive web app بنائیں۔ صارف تعلیمی متن paste کر سکے اور جواب میں اردو خلاصہ، اہم اصطلاحات اور پانچ سوالات الگ حصوں میں دکھیں۔ خالی input روکا جائے، processing اور error state واضح ہوں، اور Gemini request server side سے ہو۔ ابھی login یا database شامل نہ کریں۔”
Google کی Build mode دستاویز کے مطابق default web project میں React frontend اور Node.js server runtime شامل ہوتے ہیں، generated files Code tab میں دیکھی جا سکتی ہیں اور app کی live preview ساتھ ظاہر ہوتی ہے۔ یہی mode Kotlin اور Jetpack Compose والا native Android project بھی بنا سکتا ہے، لیکن اس mini-project میں پہلے محدود web version مکمل کرنا زیادہ قابلِ جانچ انتخاب ہے۔
پہلی generation کے بعد پورا app دوبارہ لکھوانے کے بجائے چھوٹی تبدیلیاں مانگیں، مثلاً “خالی input پر اردو error دکھائیں” یا “output کے تین حصوں کو الگ headings دیں۔” پھر Code tab میں تصدیق کریں کہ Gemini request browser سے براہِ راست نہیں بھیجی جا رہی، server input کو validate کرتا ہے اور error response میں secret یا مکمل نجی input ظاہر نہیں ہوتا۔ Generated code قابلِ جائزہ draft ہے؛ live preview چل جانا security review کا متبادل نہیں۔
5۔ API secret اور camera permission الگ سنبھالیں

API key کو browser bundle، mobile source، Git repository یا prompt میں نہ لکھیں۔ Gemini API key کی حفاظتی ہدایات production client code میں key شامل نہ کرنے اور environment variables یا secret manager استعمال کرنے کی تاکید کرتی ہیں۔ Build mode نئے Gemini app کے لیے GEMINI_API_KEY کو server-side secret کے طور پر ترتیب دیتا ہے؛ ZIP export کو دوسری hosting پر چلائیں تو یہی environment variable وہاں خود مقرر کرنا ہوگا۔
Camera تبھی شامل کریں جب تصویر سے نوٹ لینے کی خصوصیت واقعی موجود ہو۔ Build app کی metadata.json فائل میں requestFramePermissions کے تحت صرف camera مانگیں؛ microphone، geolocation یا دوسری رسائی مستقبل کے ممکنہ feature کی خاطر شامل نہ کریں۔ browser permission سے پہلے مقصد واضح کریں، انکار کی صورت میں text paste کرنے کا راستہ کھلا رکھیں اور captured material کو بلا ضرورت محفوظ نہ کریں۔
6۔ share یا Cloud Run deploy کرنے سے پہلے جانچ
Preview میں desktop اور mobile layout کے ساتھ خالی input، بہت طویل متن، اردو و انگریزی ملا ہوا نوٹ، ناقابلِ مطالعہ تصویر، camera permission سے انکار اور API failure آزمائیں۔ server logs میں API key یا مکمل نجی input درج نہ ہونے دیں۔ Public app کے لیے input limit، abuse controls اور usage monitoring خرچ اور غلط استعمال محدود کرنے کے عملی حصے ہیں۔
- App کو پہلے private رکھیں اور بنیادی output، loading state اور error state مکمل کریں۔
- Camera فعال ہو تو permission کے مقصد اور انکار کے بعد text input دونوں کو جانچیں۔
- Code tab اور exported repository میں hard-coded key تلاش کریں۔
- Share کرنے سے پہلے یاد رکھیں کہ دوسرے صارفین کی Gemini API calls آپ کے usage limits میں شمار ہوں گی اور paid models استعمال ہوں تو لاگت آ سکتی ہے۔
- Cloud Run deployment سے بننے والے public URL، server-side secret اور ممکنہ usage-based pricing کی ترتیبات کی تصدیق کریں۔
یہ ترتیب Playground میں prompt کے رویے کو app code سے الگ جانچتی ہے، Get code کو API integration کا واضح آغاز دیتی ہے اور Build mode میں اسی محدود specification کو قابلِ استعمال interface میں بدلتی ہے۔ محفوظ deployment کی بنیاد خوب صورت preview نہیں بلکہ server-side key، کم سے کم permissions اور public URL جاری کرنے سے پہلے کامیابی اور ناکامی دونوں راستوں کی جانچ ہے۔
ہمارا نیوز لیٹر سبسکرائب کریں
ویب 3، AI اور کرپٹو کی تازہ خبریں براہ راست اپنے اِن باکس میں پائیں۔