跳转到主要内容

概觀

Bubble.io 是熱門的無程式碼平台,讓你完全不需寫一行程式碼就能建立 Web 與行動應用程式。 透過整合 Ayrshare 的社群媒體 API,你可以直接在 Bubble 應用程式中管理使用者的社群媒體帳號。 有兩種方式可以達成:
  • Bubble Ayrshare 外掛:這個對使用者友善的選項只需最少的設定。不過它的 功能比 Bubble API Connector 有限。
  • Bubble API Connector:想要更大的彈性與控制力,請使用 Bubble API Connector。 此方式讓你可以直接與 Ayrshare 的 API 互動,在 Bubble.io 應用程式中啟用更多 功能。
本指南將帶你逐步了解這兩種整合選項。

快速上手:Bubble.io Ayrshare 外掛

Bubble 是最強大的無程式碼軟體開發平台之一。最簡單的入門方式就是使用 Ayrshare 的 Bubble.io 外掛。更進階的 Bubble 整合 請見下方。
首先在 ayrshare.com 建立帳戶。然後連結你的社群媒體帳號。

連結社群帳號

當你的帳號連結完成後,你可以前往 API 儀表板複製你的 API key。
請記得,在 Bubble 應用程式中貼上 API key 時,請在 API key 前加上「Bearer」字樣。例如:Bearer bf55cc6f-76ac-46ce-b497-439d766f6c12
透過 Bubble 外掛市集將 Ayrshare 外掛加入你的 Bubble 應用程式。在外掛的「API Key」欄位輸入你的 API Key。 現在你就可以透過你的 Bubble 應用程式將貼文發送到你的社群媒體帳號了。 下方圖片是在 Bubble 中呼叫該外掛,發布含圖片貼文的工作流程範例。 上方影片有更詳細的說明。請確認你使用下列參數型別:
  • post:格式為 JSON-safe 的文字
  • platforms:文字清單,每個文字都以引號包住,例如 "facebook","instagram"
  • media:格式為 JSON-safe 的文字 URL
  • date:格式為 JSON-safe 的 date/time
Bubble Ayrshare Plugin Call Example Ayrshare 外掛可讓你發布與刪除貼文。若要解鎖 Ayrshare 的完整功能,建議使用 Bubble API Connector 外掛,並將其設定為你的應用程式所需的端點。

Bubble API Connector 外掛

或者,你也可以使用 Bubble API Connector 外掛,存取 Ayrshare API 的完整功能。以下影片可讓你開始使用 Bubble API Connector 搭配 Ayrshare,並示範如何在單一貼文中發布多張圖片。
Bubble 的 API Connector 有時較為棘手,缺少一個結尾引號或空格都可能 導致連線失敗。我們建議仔細觀看下方影片,若有問題請重新檢查。
下方是另一段教學影片,示範如何在 Bubble 中取得社群個人檔案分析。

發布到多個社群媒體帳號

以下是一篇提供概觀的文章:

從 Bubble 發布到多個帳號

驗證 Bubble 發文資料

從 Bubble 透過 API Connector 發文時,可能很難判斷是否送出了有效的 JSON。如果送到 Ayrshare 的 JSON 無效,回應通常會是 HTML。 Ayrshare 提供 /validateJSON URL,你可以發到此 URL 而不是一般的 /post 端點。它會回傳「Valid」或「Not Valid」。請務必將 Content-Type 設為 text/plain,而不是一般的 application/json 點選「Response Returns as Bad Request」的 Troubleshooting 連結查看詳情。

疑難排解

在 Bubble 上傳媒體檔案

使用 Bubble 的 File Uploader 上傳你的媒體檔案。這些檔案會儲存在 Amazon S3 上。你會收到一個 URL,可用於 /post 端點的 mediaUrls 主體參數。

在 Bubble 中產生 JWT Token

要在 Bubble 中產生 JWT Token,你必須先將要傳送到 /profiles/generateJWT 端點的 private.key 進行 stringify。 步驟 1: 前往 https://onlinetexttools.com/json-stringify-text,將你的 private.key 貼到左側輸入文字區。然後將右側 stringify 後的文字複製到剪貼簿。 Verify your JWT Token 步驟 2: 在你的 Bubble 應用程式中,使用 API Connector 建立新的呼叫,如下所示。Body 區域 privateKey 欄位中的文字就是步驟 1 建立的 stringify 文字。 同時如下所示加入你提供的 domainprofileKey Enter the JWT Token in Bubble 步驟 3: 點選 Initialize call 按鈕並儲存回應。回應中的 url 欄位就是使用者點選以存取社群媒體帳號連結頁面的 URL。 Verify API connector return in Bubble

讓使用者連結他們的社群帳號

如果你使用 Launch 方案、Business 方案或 Enterprise 方案,此影片示範如何設定 Bubble,讓你的所有使用者都能連結他們的社群帳號。

在 Bubble 中使用 AI 改寫文字並發布到社群

如何使用 Ayrshare 與 Bubble.io 建立文字改寫與社群發文應用程式。此應用程式接收一段文字,以 5 種不同方式改寫,並發布到你的社群帳號。

Bubble API Connector

我們建議使用 Bubble API Connector 來進行 Ayrshare API 呼叫。 請注意 Bubble 會在 150 秒後將所有 API 呼叫逾時,然後再重試一次。大型影片可能需要超過 150 秒,這會讓 Bubble 自動再嘗試發文一次,導致重複發文錯誤。對於較大的影片,我們建議使用 排程發文

實用的 Bubble 部落格文章