> ## 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

> Sử dụng plugin Bubble Ayrshare hoặc API Connector để quản lý các tài khoản mạng xã hội của người dùng

## Tổng quan

[Bubble.io](https://www.bubble.io), một nền tảng không cần mã phổ biến, cho phép bạn xây dựng ứng dụng web và di động mà không cần viết một dòng mã.
Bằng cách tích hợp API mạng xã hội của Ayrshare, bạn có thể quản lý các tài khoản mạng xã hội của người dùng trực tiếp trong ứng dụng Bubble của mình.

Có hai cách để đạt được điều này:

<ul className="custom-bullets">
  <li>
    **Plugin Bubble Ayrshare**: Tùy chọn thân thiện với người dùng này yêu cầu thiết lập tối thiểu. Tuy nhiên, nó có
    chức năng hạn chế so với Bubble API Connector.
  </li>

  <li>
    **Bubble API Connector**: Để có tính linh hoạt và kiểm soát cao hơn, hãy sử dụng Bubble API Connector.
    Cách tiếp cận này cho phép bạn tương tác trực tiếp với API Ayrshare, cho phép nhiều chức năng
    hơn trong ứng dụng Bubble.io của bạn.
  </li>
</ul>

Hướng dẫn này sẽ giúp bạn qua cả hai tùy chọn tích hợp.

## Bắt đầu Nhanh: Plugin Bubble.io Ayrshare

[Bubble là một trong những nền tảng phát triển phần mềm không cần mã mạnh mẽ nhất](https://www.ayrshare.com/blog/the-definitive-bubble-review-a-flexible-no-code-app-builder-growing-over-50/). Cách đơn giản nhất để bắt đầu là với [Plugin Bubble.io](https://bubble.io/plugin/ayrshare-social-media-api-1607956467620x490188301088063500) của Ayrshare. Xem bên dưới để biết [tích hợp Bubble nâng cao hơn](/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>

Đầu tiên tạo tài khoản tại [ayrshare.com](https://www.ayrshare.com). Sau đó kết nối các tài khoản mạng xã hội của bạn.

<Card title="Kết nối tài khoản mạng xã hội" icon="link" href="/dashboard/connect-social-accounts/overview" horizontal />

Khi các tài khoản của bạn được kết nối, bạn có thể điều hướng đến API Dashboard và sao chép API key của mình.

<Tip>
  Hãy nhớ rằng khi bạn dán API key vào ứng dụng Bubble, hãy bao gồm từ "Bearer" trước API key của bạn.

  Ví dụ:

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

Thêm plugin Ayrshare qua Bubble plugin marketplace vào ứng dụng Bubble của bạn. Trong trường plugin "API Key", hãy nhập API Key của bạn.

Bây giờ bạn có thể gửi bài đăng qua ứng dụng Bubble của mình đến các tài khoản mạng xã hội.

Hình ảnh bên dưới là ví dụ về lệnh gọi workflow trong Bubble đến plugin cho một bài đăng có hình ảnh.
Video ở trên giải thích điều này chi tiết hơn. Hãy đảm bảo rằng bạn đang sử dụng các loại tham số sau:

<ul class="custom-bullets">
  <li>post: một text được định dạng JSON-safe</li>

  <li>
    platforms: một danh sách các text mà mỗi text có dấu ngoặc kép xung quanh nó, chẳng hạn như
    `"facebook","instagram"`
  </li>

  <li>media: một URL text được định dạng JSON-safe</li>
  <li>date: một date/time được định dạng 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="Ví dụ Lệnh gọi Plugin Bubble Ayrshare" width="547" height="361" data-path="images/packages-guides/bubble-ayrshare-example.webp" />

Plugin Ayrshare cho phép bạn đăng và xóa bài đăng. Để mở khóa sức mạnh đầy đủ của Ayrshare, chúng tôi khuyến nghị bạn sử dụng Plugin Bubble API Connector và cấu hình nó với các điểm cuối mà bạn cần cho ứng dụng của mình.

## Plugin Bubble API Connector

Ngoài ra, bạn có thể sử dụng Plugin Bubble API Connector để truy cập toàn bộ sức mạnh của API Ayrshare. Đây là một video sẽ giúp bạn bắt đầu sử dụng Bubble API connector với Ayrshare và hướng dẫn bạn cách đăng nhiều hình ảnh cho mỗi bài đăng.

<Info>
  API Connector của Bubble đôi khi có thể phức tạp khi thiếu một dấu ngoặc kép đóng hoặc khoảng trắng có thể
  khiến kết nối thất bại. Chúng tôi khuyến nghị xem cẩn thận các video bên dưới và xem lại nếu
  có gì đó không hoạt động.
</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>

Dưới đây là một video hướng dẫn khác cho biết cách lấy phân tích hồ sơ mạng xã hội trong 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>

## Đăng lên Nhiều Tài khoản Mạng xã hội

Đây là một bài viết với tổng quan:

<Card title="Đăng đến Nhiều Tài khoản Từ Bubble" icon="link" href="https://www.ayrshare.com/post-to-multiple-social-media-accounts-from-bubble/" horizontal />

## Xác thực Dữ liệu Bài đăng Bubble

Khi đăng bài lên Bubble qua API Connector, có thể khó xác định liệu bạn có đang gửi JSON hợp lệ hay không. Thường nếu JSON được đăng lên Ayrshare không hợp lệ, phản hồi sẽ là HTML.

Ayrshare có một URL /validateJSON cho phép bạn đăng thay vì điểm cuối /post thông thường. Nó sẽ trả về "Valid" hoặc "Not Valid". Hãy đảm bảo đặt Content-Type là `text/plain` thay vì `application/json` thông thường.

Nhấp vào liên kết Khắc phục sự cố cho "Response Returns as Bad Request" để xem chi tiết.

<Card title="Khắc phục sự cố" icon="link" href="/help-center/technical-support/response_returns_as_bad_request" horizontal />

## Tải lên Tệp Phương tiện trong Bubble

Sử dụng File Uploader của Bubble để tải các tệp phương tiện của bạn. Các tệp này được lưu trữ trên Amazon S3. Bạn sẽ nhận lại một URL có thể được sử dụng trong tham số body `mediaUrls` của điểm cuối `/post`.

## Tạo JWT Token trong Bubble

Để tạo JWT Token trong Bubble, trước tiên bạn cần Stringify private.key mà bạn gửi đến điểm cuối [/profiles/generateJWT](/apis/profiles/generate-jwt).

**Bước 1:** Đi đến [https://onlinetexttools.com/json-stringify-text](https://onlinetexttools.com/json-stringify-text) và dán private.key của bạn vào phần văn bản đầu vào bên trái. Sau đó sao chép văn bản đã stringify ở bên phải vào clipboard của bạn.

<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="Xác minh JWT Token của bạn" width="800" height="359" data-path="images/packages-guides/jwt-token.webp" />

**Bước 2:** Trong ứng dụng Bubble, tạo một lệnh gọi mới với API Connector như hiển thị bên dưới. Văn bản trong trường `privateKey` trong khu vực Body là văn bản đã stringify mà bạn đã tạo trong bước 1 ở trên.

Cũng bao gồm `domain` và `profileKey` được cung cấp như hiển thị bên dưới.

<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="Nhập JWT Token trong Bubble" width="800" height="738" data-path="images/packages-guides/Enter the JWT Token in Bubble.webp" />

**Bước 3:** Nhấp vào nút **Initialize call** và lưu phản hồi. Trường `url` trong phản hồi là những gì người dùng của bạn sẽ nhấp vào để truy cập trang liên kết tài khoản mạng xã hội.

<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="Xác minh phản hồi API connector trong Bubble" width="800" height="572" data-path="images/packages-guides/Verify API connector return in Bubble.webp" />

## Cho phép Người dùng Liên kết Tài khoản Mạng xã hội của họ

Nếu bạn đang sử dụng Gói Launch, Gói Business hoặc Gói Enterprise, video này cho biết cách thiết lập Bubble để cho phép tất cả người dùng của bạn liên kết tài khoản mạng xã hội của họ.

<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>

## Viết lại Văn bản và Đăng lên Mạng xã hội với AI trong Bubble

Cách bạn có thể sử dụng Ayrshare và Bubble.io để xây dựng một ứng dụng viết lại và đăng bài lên mạng xã hội. Ứng dụng lấy một số văn bản, viết lại nó theo 5 cách khác nhau và đăng nó lên các tài khoản mạng xã hội của bạn.

<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

Chúng tôi khuyến nghị sử dụng [Bubble API Connector](https://manual.bubble.io/account-and-marketplace/building-plugins/adding-api-connections) để thực hiện các lệnh gọi API Ayrshare của bạn.

Xin lưu ý rằng Bubble sẽ hết thời gian chờ tất cả các lệnh gọi API sau 150 giây và sau đó thử lại lệnh gọi một lần nữa. Video lớn có thể mất hơn 150 giây, điều này sẽ khiến Bubble tự động thử đăng thêm một lần nữa và dẫn đến lỗi bài đăng trùng lặp. Chúng tôi khuyến nghị sử dụng [lên lịch bài đăng](/help-center/technical-support/response_bad_gateway_502_or_504_error) cho các video lớn hơn.

## Các Bài viết Blog Bubble hữu ích

* [Xây dựng Ứng dụng Đăng bài Mạng xã hội Di động Không cần Mã](https://www.ayrshare.com/blog/build-a-social-media-posting-mobile-app-with-no-code/).
* [Cách Tạo Ứng dụng Lên lịch Mạng xã hội Không cần Mã.](https://www.ayrshare.com/blog/how-to-create-a-social-media-scheduling-app-with-no-code/)