اس ایپ کے 2 حصے ہیں:
- Website (PWA) — GitHub Pages پر مفت ہوسٹ ہوگی
- Worker (Proxy) — Cloudflare پر مفت ہوسٹ ہوگا، یہ آپ کی AI key کو چھپا کر رکھے گا
- https://aistudio.google.com/apikey کھولیں
- Google اکاؤنٹ سے لاگ ان کریں
- "Create API Key" دبائیں
- Key کو کاپی کر لیں (بعد میں چاہیے ہوگی)
- https://dash.cloudflare.com پر اکاؤنٹ بنائیں
- Left menu میں Workers & Pages → Create → Create Worker
- کوئی نام دیں (مثلاً
tomato-proxy) → Deploy - Deploy ہونے کے بعد Edit code پر جائیں
- یہاں موجود
worker.jsکی پوری content کاپی کر کے وہاں پیسٹ کریں → Deploy - اوپر بائیں طرف Worker کا URL نظر آئے گا، جیسے:
https://tomato-proxy.yourname.workers.devیہ URL کاپی کر لیں - Settings → Variables and Secrets میں جائیں → Add دبائیں
- Name:
GEMINI_API_KEY - Value: (Step 1 والی key پیسٹ کریں)
- Type: Secret رکھیں → Save & Deploy
- Name:
index.htmlفائل کھولیں (کسی بھی text editor میں)- یہ لائن ڈھونڈیں:
const WORKER_URL = "https://YOUR-WORKER-NAME.YOUR-SUBDOMAIN.workers.dev";
- اپنے Worker کا اصل URL (Step 2.6) اس جگہ لگا دیں
- Save کریں
- github.com پر نئی public repository بنائیں
- "Add file → Upload files" سے یہ فائلیں ڈالیں:
index.html,manifest.json,sw.js,icon-192.png,icon-512.png(worker.js مت ڈالیں — وہ صرف Cloudflare پر جاتی ہے) - Settings → Pages → Branch:
main, Folder:/ (root)→ Save - 1-2 منٹ بعد لنک ملے گا:
https://username.github.io/repo-name/ - موبائل پر لنک کھولیں → "Add to Home Screen" کریں
- Gemini کا مفت پلان روزانہ محدود درخواستیں دیتا ہے (ذاتی استعمال کے لیے کافی ہے)
- Cloudflare Worker بھی مفت ہے (روزانہ ہزاروں درخواستیں)
- Key ہمیشہ Worker کے اندر محفوظ رہتی ہے — کبھی بھی website کے code میں نظر نہیں آئے گی