Skip to main content

概觀

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
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 中產生連結 URL

若要在 Bubble 中產生連結 URL,請呼叫 /profiles/generateJWT 端點。不需要任何 private key:privateKey 已不再使用,因此通常 profileKey 是你唯一需要傳送的 body 參數。只有當你的帳戶擁有多個連結網域時才傳送 domain:它仍會被驗證,未註冊到你帳戶的網域會被拒絕。 步驟 1: 在你的 Bubble 應用中,依下圖以 API Connector 建立一個新呼叫,並在 Body 區域填入你的 profileKey。截圖中仍顯示舊的參數組合:privateKey 會被接受並忽略,但除非 domain 的值是已註冊到你帳戶的網域,否則請刪除該欄位。 步驟 2: 點選 Initialize call 按鈕並儲存回應。回應中的 url 欄位就是使用者點選以存取社群媒體帳號連結頁面的 URL。

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

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

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

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

Bubble API Connector

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

實用的 Bubble 部落格文章