> ## Documentation Index
> Fetch the complete documentation index at: https://www.ayrshare.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Bubble.io

> استخدم مكوّن Bubble Ayrshare الإضافي أو API Connector لإدارة حسابات وسائل التواصل الاجتماعي لمستخدميك

## نظرة عامة

[Bubble.io](https://www.bubble.io)، منصة بدون شيفرة شائعة، تُمكّنك من بناء تطبيقات ويب وموبايل دون كتابة سطر واحد من الشيفرة.
بدمج واجهة برمجة تطبيقات وسائل التواصل الاجتماعي من Ayrshare، يمكنك إدارة حسابات وسائل التواصل الاجتماعي لمستخدميك مباشرةً داخل تطبيق Bubble الخاص بك.

هناك طريقتان لتحقيق ذلك:

<ul className="custom-bullets">
  <li>
    **مكوّن Bubble Ayrshare الإضافي**: هذا الخيار السهل الاستخدام يتطلب إعدادًا بسيطًا. لكنه يحتوي على
    وظائف محدودة مقارنة بـ Bubble API Connector.
  </li>

  <li>
    **Bubble API Connector**: للحصول على مرونة وتحكم أكبر، استخدم Bubble API Connector.
    يسمح لك هذا النهج بالتفاعل مباشرةً مع Ayrshare API، مما يتيح مجموعة أوسع من
    الوظائف داخل تطبيق Bubble.io الخاص بك.
  </li>
</ul>

سيرشدك هذا الدليل عبر كلا خياري التكامل.

## البدء السريع: مكوّن Bubble.io Ayrshare الإضافي

[Bubble هو أحد أقوى منصات تطوير البرامج بدون شيفرة](https://www.ayrshare.com/blog/the-definitive-bubble-review-a-flexible-no-code-app-builder-growing-over-50/). أبسط طريقة للبدء هي بـ [مكوّن Bubble.io الإضافي](https://bubble.io/plugin/ayrshare-social-media-api-1607956467620x490188301088063500) من Ayrshare. راجع أدناه للحصول على [تكامل Bubble متقدم](/packages-guides/bubble#the-bubble-api-connector-plugin).

<div class="video-container">
  <iframe width="520" height="315" src="https://www.youtube.com/embed/x5e2pcKhkPI" title="Bubble Social Plugin" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" />
</div>

أنشئ أولًا حسابًا في [ayrshare.com](https://www.ayrshare.com). ثم اربط حسابات وسائل التواصل الاجتماعي الخاصة بك.

<Card title="ربط الحسابات الاجتماعية" icon="link" href="/dashboard/connect-social-accounts/overview" horizontal />

بمجرد ربط حساباتك يمكنك الانتقال إلى API Dashboard ونسخ مفتاح API الخاص بك.

<Tip>
  تذكر أنه عندما تلصق مفتاح API في تطبيق Bubble الخاص بك، أن تضمّن كلمة "Bearer" أمام مفتاح API الخاص بك.

  على سبيل المثال:

  `Bearer bf55cc6f-76ac-46ce-b497-439d766f6c12`
</Tip>

أضف مكوّن Ayrshare الإضافي عبر سوق مكوّنات Bubble الإضافية إلى تطبيق Bubble الخاص بك. في حقل المكوّن الإضافي "API Key" أدخل مفتاح API الخاص بك.

الآن يمكنك إرسال منشورات عبر تطبيق Bubble الخاص بك إلى حسابات وسائل التواصل الاجتماعي الخاصة بك.

الصورة أدناه هي مثال لاستدعاء تدفق عمل في Bubble للمكوّن الإضافي لمنشور بصورة.
يشرح الفيديو أعلاه هذا بمزيد من التفصيل. تأكد من أنك تستخدم أنواع المعاملات التالية:

<ul class="custom-bullets">
  <li>post: نص مُنسّق كـ JSON-safe</li>

  <li>
    platforms: قائمة من النصوص حيث يكون لكل نص أقواس حوله، مثل
    `"facebook","instagram"`
  </li>

  <li>media: نص URL مُنسّق كـ JSON-safe</li>
  <li>date: تاريخ/وقت مُنسّق كـ JSON-safe</li>
</ul>

<img class="center" src="https://mintcdn.com/ayrshare-docs/6mPR4kmwNEz1kMbX/images/packages-guides/bubble-ayrshare-example.webp?fit=max&auto=format&n=6mPR4kmwNEz1kMbX&q=85&s=e36f8c8ecd4ca4447b5b36ba77c06dcd" alt="Bubble Ayrshare Plugin Call Example" width="547" height="361" data-path="images/packages-guides/bubble-ayrshare-example.webp" />

يسمح لك مكوّن Ayrshare الإضافي بالنشر وحذف المنشورات. لفتح القوة الكاملة لـ Ayrshare، نوصي باستخدام مكوّن Bubble API Connector الإضافي وتهيئته بنقاط النهاية التي تحتاجها لتطبيقك.

## مكوّن Bubble API Connector الإضافي

بدلًا من ذلك، يمكنك استخدام مكوّن Bubble API Connector الإضافي للوصول إلى القوة الكاملة لـ Ayrshare API. إليك فيديو سيبدأ استخدامك لـ Bubble API connector مع Ayrshare ويرشدك خلال كيفية نشر عدة صور لكل منشور.

<Info>
  يمكن أن يكون Bubble's API Connector أحيانًا صعبًا حيث أن غياب علامة اقتباس إغلاق واحدة أو مسافة يمكن
  أن يتسبب في فشل الاتصال. نوصي بمشاهدة الفيديوهات أدناه بعناية وإعادة المراجعة إذا
  لم يعمل شيء ما.
</Info>

<div class="video-container">
  <iframe width="560" height="315" src="https://www.youtube.com/embed/5xXvIDViUzY" title="Create a Post from Bubble" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" />
</div>

أدناه فيديو تعليمي آخر يوضح كيفية الحصول على تحليلات ملف تعريف اجتماعي في Bubble.

<div class="video-container">
  <iframe width="560" height="315" src="https://www.youtube.com/embed/OunO2IS-A7Y" title="Get Analytics in Bubble" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" />
</div>

## النشر على حسابات وسائل تواصل اجتماعي متعددة

إليك مقال بنظرة عامة:

<Card title="النشر على حسابات متعددة من Bubble" icon="link" href="https://www.ayrshare.com/post-to-multiple-social-media-accounts-from-bubble/" horizontal />

## التحقق من بيانات منشور Bubble

عند النشر إلى Bubble عبر API Connector، قد يكون من الصعب تحديد ما إذا كنت ترسل JSON صالحًا. غالبًا ما إذا كان JSON المنشور إلى Ayrshare غير صالح، فستكون الاستجابة HTML.

لدى Ayrshare عنوان /validateJSON يسمح لك بالنشر إليه بدلًا من نقطة نهاية /post المعتادة. سيُعيد "Valid" أو "Not Valid". تأكد من تعيين Content-Type كـ `text/plain` بدلًا من `application/json` المعتاد.

انقر على رابط استكشاف الأخطاء لـ "Response Returns as Bad Request" لمشاهدة التفاصيل.

<Card title="استكشاف الأخطاء" icon="link" href="/help-center/technical-support/response_returns_as_bad_request" horizontal />

## تحميل ملفات الوسائط في Bubble

استخدم File Uploader الخاص بـ Bubble لتحميل ملفات الوسائط الخاصة بك. تُخزَّن هذه الملفات على Amazon's S3. ستتلقى URL يمكن استخدامه في معامل الجسم `mediaUrls` لنقطة نهاية `/post`.

## توليد JWT Token في Bubble

لتوليد JWT Token في Bubble، تحتاج أولًا إلى Stringify للـ private.key الذي ترسله إلى نقطة نهاية [/profiles/generateJWT](/apis/profiles/generate-jwt).

**الخطوة 1:** اذهب إلى [https://onlinetexttools.com/json-stringify-text](https://onlinetexttools.com/json-stringify-text) وألصق private.key الخاص بك في قسم إدخال النص الأيسر. ثم انسخ النص المُستَرْنَج على الجانب الأيمن إلى الحافظة.

<img class="center" src="https://mintcdn.com/ayrshare-docs/6mPR4kmwNEz1kMbX/images/packages-guides/jwt-token.webp?fit=max&auto=format&n=6mPR4kmwNEz1kMbX&q=85&s=01928d50ee7f94b05c7ce241f34ca904" alt="Verify your JWT Token" width="800" height="359" data-path="images/packages-guides/jwt-token.webp" />

**الخطوة 2:** في تطبيق Bubble الخاص بك، أنشئ استدعاء جديدًا مع API Connector كما هو موضح أدناه. النص في حقل `privateKey` في منطقة Body هو النص المُستَرْنَج الذي أنشأته في الخطوة 1 أعلاه.

ضمّن أيضًا `domain` و`profileKey` المُقدَّمَين كما هو موضح أدناه.

<img class="center" src="https://mintcdn.com/ayrshare-docs/6mPR4kmwNEz1kMbX/images/packages-guides/Enter%20the%20JWT%20Token%20in%20Bubble.webp?fit=max&auto=format&n=6mPR4kmwNEz1kMbX&q=85&s=73120fa7aa6b671ebabe1ec0dcd15ad4" alt="Enter the JWT Token in Bubble" width="800" height="738" data-path="images/packages-guides/Enter the JWT Token in Bubble.webp" />

**الخطوة 3:** انقر على زر **Initialize call** واحفظ الاستجابة. حقل `url` في الاستجابة هو ما سينقر عليه المستخدم للوصول إلى صفحة ربط حسابات وسائل التواصل الاجتماعي.

<img class="center" src="https://mintcdn.com/ayrshare-docs/6mPR4kmwNEz1kMbX/images/packages-guides/Verify%20API%20connector%20return%20in%20Bubble.webp?fit=max&auto=format&n=6mPR4kmwNEz1kMbX&q=85&s=c32681f3e73024eb8c4f561595f222f6" alt="Verify API connector return in Bubble" width="800" height="572" data-path="images/packages-guides/Verify API connector return in Bubble.webp" />

## السماح للمستخدمين بربط حساباتهم الاجتماعية

إذا كنت تستخدم Launch Plan أو Business Plan أو Enterprise Plan، فيوضح هذا الفيديو كيفية إعداد Bubble لتمكين جميع مستخدميك من ربط حساباتهم الاجتماعية.

<div class="video-container">
  <iframe width="560" height="315" src="https://www.youtube.com/embed/C2QWLMkBbKg" title="Social Media Account Linking" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" />
</div>

## إعادة كتابة النص والنشر على الشبكات الاجتماعية بالذكاء الاصطناعي في Bubble

كيفية استخدام Ayrshare وBubble.io لبناء تطبيق إعادة كتابة ونشر اجتماعي. يأخذ التطبيق بعض النص، ويعيد كتابته بـ 5 طرق مختلفة، وينشره على حساباتك الاجتماعية.

<div class="video-container">
  <iframe width="560" height="315" src="https://www.youtube.com/embed/Szrt6hUEzkw" title="Rewrite your Text" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" />
</div>

## Bubble API Connector

نوصي باستخدام [Bubble API Connector](https://manual.bubble.io/account-and-marketplace/building-plugins/adding-api-connections) لإجراء استدعاءات Ayrshare API الخاصة بك.

يُرجى ملاحظة أن Bubble سيُنهي مهلة جميع استدعاءات API بعد 150 ثانية ثم يعيد المحاولة مرة أخرى. قد يستغرق الفيديو الكبير أكثر من 150 ثانية، مما سيؤدي إلى محاولة Bubble تلقائيًا للمنشور مرة أخرى ويؤدي إلى خطأ منشور مكرر. نوصي باستخدام [منشور مجدول](/help-center/technical-support/response_bad_gateway_502_or_504_error) للفيديوهات الأكبر.

## مقالات مدونة Bubble المفيدة

* [بناء تطبيق موبايل لنشر وسائل التواصل الاجتماعي بدون شيفرة](https://www.ayrshare.com/blog/build-a-social-media-posting-mobile-app-with-no-code/).
* [كيفية إنشاء تطبيق جدولة وسائل التواصل الاجتماعي بدون شيفرة.](https://www.ayrshare.com/blog/how-to-create-a-social-media-scheduling-app-with-no-code/)