[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"article-bina-tatbiqat-telegram-musaghara-min-fikra-ila-itlaq":3},{"article":4,"author":60},{"id":5,"category_id":6,"title":7,"slug":8,"excerpt":9,"content_md":10,"content_html":11,"locale":12,"author_id":13,"published":14,"published_at":15,"meta_title":7,"meta_description":16,"focus_keyword":17,"og_image":18,"canonical_url":18,"robots_meta":19,"created_at":15,"updated_at":15,"tags":20,"category_name":38,"related_articles":39},"d9000000-0000-0000-0000-000000000002","a0000000-0000-0000-0000-000000000094","بناء تطبيقات تيليجرام المصغرة: من الفكرة إلى الإطلاق","bina-tatbiqat-telegram-musaghara-min-fikra-ila-itlaq","نظرة معمقة في إنشاء تطبيقات تيليجرام المصغرة عالية الأداء باستخدام Nuxt وVue ومدفوعات بلوكتشين TON للشركات الحديثة.","## ما هي تطبيقات تيليجرام المصغرة؟\n\nتطبيقات تيليجرام المصغرة هي تطبيقات ويب تعمل داخل تطبيق تيليجرام للمراسلة. توفر تجربة شبيهة بالتطبيقات الأصلية دون الحاجة إلى تنزيل أي شيء من متجر التطبيقات. مع أكثر من 900 مليون مستخدم نشط شهرياً، يوفر تيليجرام منصة توزيع ضخمة.\n\nيمكن للتطبيقات المصغرة الوصول إلى بيانات مستخدمي تيليجرام (بموافقتهم)، وإرسال الإشعارات، ومعالجة المدفوعات عبر بلوكتشين TON، والتكامل بعمق مع واجهة المحادثة.\n\n## التطبيقات المصغرة مقابل البوتات التقليدية\n\nتتواصل بوتات تيليجرام التقليدية من خلال الأوامر النصية والأزرار المضمنة. التطبيقات المصغرة تذهب أبعد من ذلك:\n\n| الميزة | البوتات | التطبيقات المصغرة |\n|--------|---------|-------------------|\n| الواجهة | نص + أزرار | واجهة ويب كاملة |\n| التفاعل | قائم على الأوامر | لمس، تمرير، نماذج |\n| المدفوعات | Bot Payments API | TON Connect + أي مدفوعات |\n| بدون إنترنت | لا | جزئي (PWA) |\n| الوسائط الغنية | محدودة | HTML5\u002FCSS3\u002FJS كاملة |\n\n## بناء تطبيقك المصغر الأول\n\n### مجموعة التقنيات\nنوصي باستخدام Nuxt 4 مع Vue 3 لتطوير التطبيقات المصغرة:\n\n```typescript\n\u002F\u002F nuxt.config.ts\nexport default defineNuxtConfig({\n  ssr: false, \u002F\u002F التطبيقات المصغرة تعمل على جانب العميل\n  app: {\n    head: {\n      script: [\n        { src: 'https:\u002F\u002Ftelegram.org\u002Fjs\u002Ftelegram-web-app.js' }\n      ]\n    }\n  }\n})\n```\n\n### الوصول إلى بيانات المستخدم\n```typescript\nconst tg = window.Telegram.WebApp\nconst user = tg.initDataUnsafe.user\nconsole.log(user.first_name, user.id)\n```\n\n### التحقق على الخادم الخلفي\nتحقق دائماً من `initData` على الخادم الخلفي باستخدام HMAC-SHA256 مع رمز البوت الخاص بك. لا تثق أبداً ببيانات الواجهة الأمامية.\n\n## دمج مدفوعات بلوكتشين TON\n\nيتيح TON Connect للتطبيقات المصغرة التفاعل مع محافظ TON لمدفوعات العملات المشفرة:\n\n1. ينقر المستخدم على \"شراء\" في تطبيقك المصغر\n2. يفتح TON Connect محفظة المستخدم\n3. يؤكد المستخدم المعاملة\n4. يتحقق خادمك الخلفي من المعاملة على السلسلة\n5. يتم منح الوصول\n\nهذا يتيح مدفوعات فورية وعالمية بدون معالجات الدفع التقليدية.\n\n## أفضل ممارسات تجربة المستخدم\n\n- **استخدم ألوان سمة تيليجرام** — يوفر `tg.themeParams` السمة الحالية\n- **احترم منطقة العرض** — تعمل التطبيقات المصغرة في ورقة سفلية؛ صمم للهاتف أولاً\n- **استخدم التغذية الراجعة اللمسية** — `tg.HapticFeedback.impactOccurred('medium')` للاستجابات اللمسية\n- **قلل وقت التحميل** — استهدف أقل من ثانيتين للعرض الأول ذو المعنى\n- **تعامل مع زر الرجوع** — استخدم `tg.BackButton` للتنقل داخل التطبيق\n\n## استراتيجيات تحقيق الدخل\n\n1. **المبيعات المباشرة** — بيع المنتجات الرقمية (دورات، اشتراكات) عبر TON\n2. **النموذج المجاني المحدود** — ميزات مجانية + ترقيات مدفوعة\n3. **المشتريات داخل التطبيق** — سلع افتراضية، أرصدة، فتح ميزات\n4. **الإعلانات** — التكامل مع منصة إعلانات تيليجرام\n5. **نموذج العمولة** — أخذ نسبة من المعاملات بين المستخدمين\n\n## الخلاصة\n\nتمثل تطبيقات تيليجرام المصغرة نقلة نوعية في توزيع التطبيقات. من خلال البناء على منصة تيليجرام، تصل إلى أكثر من 900 مليون مستخدم بدون احتكاك متجر التطبيقات، وتعالج المدفوعات عبر بلوكتشين TON، وتقدم تجارب غنية داخل التطبيق الذي يستخدمه الناس يومياً.","\u003Ch2 id=\"\">ما هي تطبيقات تيليجرام المصغرة؟\u003C\u002Fh2>\n\u003Cp>تطبيقات تيليجرام المصغرة هي تطبيقات ويب تعمل داخل تطبيق تيليجرام للمراسلة. توفر تجربة شبيهة بالتطبيقات الأصلية دون الحاجة إلى تنزيل أي شيء من متجر التطبيقات. مع أكثر من 900 مليون مستخدم نشط شهرياً، يوفر تيليجرام منصة توزيع ضخمة.\u003C\u002Fp>\n\u003Cp>يمكن للتطبيقات المصغرة الوصول إلى بيانات مستخدمي تيليجرام (بموافقتهم)، وإرسال الإشعارات، ومعالجة المدفوعات عبر بلوكتشين TON، والتكامل بعمق مع واجهة المحادثة.\u003C\u002Fp>\n\u003Ch2 id=\"\">التطبيقات المصغرة مقابل البوتات التقليدية\u003C\u002Fh2>\n\u003Cp>تتواصل بوتات تيليجرام التقليدية من خلال الأوامر النصية والأزرار المضمنة. التطبيقات المصغرة تذهب أبعد من ذلك:\u003C\u002Fp>\n\u003Ctable>\u003Cthead>\u003Ctr>\u003Cth>الميزة\u003C\u002Fth>\u003Cth>البوتات\u003C\u002Fth>\u003Cth>التطبيقات المصغرة\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\u003Ctbody>\n\u003Ctr>\u003Ctd>الواجهة\u003C\u002Ftd>\u003Ctd>نص + أزرار\u003C\u002Ftd>\u003Ctd>واجهة ويب كاملة\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>التفاعل\u003C\u002Ftd>\u003Ctd>قائم على الأوامر\u003C\u002Ftd>\u003Ctd>لمس، تمرير، نماذج\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>المدفوعات\u003C\u002Ftd>\u003Ctd>Bot Payments API\u003C\u002Ftd>\u003Ctd>TON Connect + أي مدفوعات\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>بدون إنترنت\u003C\u002Ftd>\u003Ctd>لا\u003C\u002Ftd>\u003Ctd>جزئي (PWA)\u003C\u002Ftd>\u003C\u002Ftr>\n\u003Ctr>\u003Ctd>الوسائط الغنية\u003C\u002Ftd>\u003Ctd>محدودة\u003C\u002Ftd>\u003Ctd>HTML5\u002FCSS3\u002FJS كاملة\u003C\u002Ftd>\u003C\u002Ftr>\n\u003C\u002Ftbody>\u003C\u002Ftable>\n\u003Ch2 id=\"\">بناء تطبيقك المصغر الأول\u003C\u002Fh2>\n\u003Ch3>مجموعة التقنيات\u003C\u002Fh3>\n\u003Cp>نوصي باستخدام Nuxt 4 مع Vue 3 لتطوير التطبيقات المصغرة:\u003C\u002Fp>\n\u003Cpre>\u003Ccode class=\"language-typescript\">\u002F\u002F nuxt.config.ts\nexport default defineNuxtConfig({\n  ssr: false, \u002F\u002F التطبيقات المصغرة تعمل على جانب العميل\n  app: {\n    head: {\n      script: [\n        { src: 'https:\u002F\u002Ftelegram.org\u002Fjs\u002Ftelegram-web-app.js' }\n      ]\n    }\n  }\n})\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch3>الوصول إلى بيانات المستخدم\u003C\u002Fh3>\n\u003Cpre>\u003Ccode class=\"language-typescript\">const tg = window.Telegram.WebApp\nconst user = tg.initDataUnsafe.user\nconsole.log(user.first_name, user.id)\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Ch3>التحقق على الخادم الخلفي\u003C\u002Fh3>\n\u003Cp>تحقق دائماً من \u003Ccode>initData\u003C\u002Fcode> على الخادم الخلفي باستخدام HMAC-SHA256 مع رمز البوت الخاص بك. لا تثق أبداً ببيانات الواجهة الأمامية.\u003C\u002Fp>\n\u003Ch2 id=\"ton\">دمج مدفوعات بلوكتشين TON\u003C\u002Fh2>\n\u003Cp>يتيح TON Connect للتطبيقات المصغرة التفاعل مع محافظ TON لمدفوعات العملات المشفرة:\u003C\u002Fp>\n\u003Col>\n\u003Cli>ينقر المستخدم على “شراء” في تطبيقك المصغر\u003C\u002Fli>\n\u003Cli>يفتح TON Connect محفظة المستخدم\u003C\u002Fli>\n\u003Cli>يؤكد المستخدم المعاملة\u003C\u002Fli>\n\u003Cli>يتحقق خادمك الخلفي من المعاملة على السلسلة\u003C\u002Fli>\n\u003Cli>يتم منح الوصول\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cp>هذا يتيح مدفوعات فورية وعالمية بدون معالجات الدفع التقليدية.\u003C\u002Fp>\n\u003Ch2 id=\"\">أفضل ممارسات تجربة المستخدم\u003C\u002Fh2>\n\u003Cul>\n\u003Cli>\u003Cstrong>استخدم ألوان سمة تيليجرام\u003C\u002Fstrong> — يوفر \u003Ccode>tg.themeParams\u003C\u002Fcode> السمة الحالية\u003C\u002Fli>\n\u003Cli>\u003Cstrong>احترم منطقة العرض\u003C\u002Fstrong> — تعمل التطبيقات المصغرة في ورقة سفلية؛ صمم للهاتف أولاً\u003C\u002Fli>\n\u003Cli>\u003Cstrong>استخدم التغذية الراجعة اللمسية\u003C\u002Fstrong> — \u003Ccode>tg.HapticFeedback.impactOccurred('medium')\u003C\u002Fcode> للاستجابات اللمسية\u003C\u002Fli>\n\u003Cli>\u003Cstrong>قلل وقت التحميل\u003C\u002Fstrong> — استهدف أقل من ثانيتين للعرض الأول ذو المعنى\u003C\u002Fli>\n\u003Cli>\u003Cstrong>تعامل مع زر الرجوع\u003C\u002Fstrong> — استخدم \u003Ccode>tg.BackButton\u003C\u002Fcode> للتنقل داخل التطبيق\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Ch2 id=\"\">استراتيجيات تحقيق الدخل\u003C\u002Fh2>\n\u003Col>\n\u003Cli>\u003Cstrong>المبيعات المباشرة\u003C\u002Fstrong> — بيع المنتجات الرقمية (دورات، اشتراكات) عبر TON\u003C\u002Fli>\n\u003Cli>\u003Cstrong>النموذج المجاني المحدود\u003C\u002Fstrong> — ميزات مجانية + ترقيات مدفوعة\u003C\u002Fli>\n\u003Cli>\u003Cstrong>المشتريات داخل التطبيق\u003C\u002Fstrong> — سلع افتراضية، أرصدة، فتح ميزات\u003C\u002Fli>\n\u003Cli>\u003Cstrong>الإعلانات\u003C\u002Fstrong> — التكامل مع منصة إعلانات تيليجرام\u003C\u002Fli>\n\u003Cli>\u003Cstrong>نموذج العمولة\u003C\u002Fstrong> — أخذ نسبة من المعاملات بين المستخدمين\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Ch2 id=\"\">الخلاصة\u003C\u002Fh2>\n\u003Cp>تمثل تطبيقات تيليجرام المصغرة نقلة نوعية في توزيع التطبيقات. من خلال البناء على منصة تيليجرام، تصل إلى أكثر من 900 مليون مستخدم بدون احتكاك متجر التطبيقات، وتعالج المدفوعات عبر بلوكتشين TON، وتقدم تجارب غنية داخل التطبيق الذي يستخدمه الناس يومياً.\u003C\u002Fp>\n","ar","b0000000-0000-0000-0000-000000000001",true,"2026-03-28T10:44:32.021077Z","أنشئ تطبيقات تيليجرام المصغرة عالية الأداء باستخدام Nuxt وVue ومدفوعات بلوكتشين TON. دليل تطوير شامل.","تطبيقات تيليجرام المصغرة",null,"index, follow",[21,26,30,34],{"id":22,"name":23,"slug":24,"created_at":25},"c0000000-0000-0000-0000-000000000015","TON","ton","2026-03-28T10:44:21.513630Z",{"id":27,"name":28,"slug":29,"created_at":25},"c0000000-0000-0000-0000-000000000010","Telegram","telegram",{"id":31,"name":32,"slug":33,"created_at":25},"c0000000-0000-0000-0000-000000000002","TypeScript","typescript",{"id":35,"name":36,"slug":37,"created_at":25},"c0000000-0000-0000-0000-000000000003","Vue","vue","تيليجرام",[40,46,53],{"id":41,"title":42,"slug":43,"excerpt":44,"locale":12,"category_name":38,"published_at":45},"d0000000-0000-0000-0000-000000000615","البناء على TON في 2026: المدفوعات المشفرة في تطبيقات Telegram المصغرة باستخدام TON Pay SDK","albinaa-ala-ton-2026-almadfoaat-almushaffara-telegram-mini-apps-ton-pay-sdk","نما نظام TON البيئي ليصل الى اكثر من 500 مليون مستخدم نشط شهريا للتطبيقات المصغرة، واكثر من 3600 تطبيق، واكثر من 400 مليون محفظة. يشرح هذا الدليل تكامل TON Pay SDK للمدفوعات المشفرة في تطبيقات Telegram المصغرة، من مصادقة المحفظة الى تحويلات Jetton.","2026-03-28T10:44:45.602382Z",{"id":47,"title":48,"slug":49,"excerpt":50,"locale":12,"category_name":51,"published_at":52},"d0000000-0000-0000-0000-000000000568","كيف نستخدم Claude Code لصيانة مستودع Nuxt 4 + Rust الأحادي","kayfa-nastakhdum-claude-code-siyanat-mustawda-nuxt-rust-ahadi","نظرة من وراء الكواليس على كيفية استخدام Open Soft لـ Claude Code كأداة تطوير يومية لمستودعنا الأحادي في الإنتاج. سير عمل حقيقي لإعادة الهيكلة متعددة الملفات وكتابة الترحيلات وتوليد الاختبارات ومراجعة الكود والأدوات المخصصة مع الخطافات وخوادم MCP.","Engineering","2026-03-28T10:44:42.628531Z",{"id":54,"title":55,"slug":56,"excerpt":57,"locale":12,"category_name":58,"published_at":59},"d0000000-0000-0000-0000-000000000522","بناء أول خادم MCP: دليل عملي للمطورين","binaa-awwal-khadim-mcp-dalil-amali-lilmutawwirin","دليل تعليمي عملي خطوة بخطوة لبناء خادم Model Context Protocol (MCP) بلغتي TypeScript و Python، وربطه بـ Claude Desktop أو Cursor، ونشره في بيئة الإنتاج.","الهندسة","2026-03-28T10:44:39.721369Z",{"id":13,"name":61,"slug":62,"bio":63,"photo_url":18,"linkedin":18,"role":64,"created_at":65,"updated_at":65},"Open Soft Team","open-soft-team","The engineering team at Open Soft, building premium software solutions from Bali, Indonesia.","Engineering Team","2026-03-28T08:31:22.226811Z"]