Bubble.io

​

概要

Bubble.io は人気のノーコードプラットフォームで、コードを一切書かずに Web およびモバイルアプリを構築できます。 Ayrshare のソーシャルメディア API を統合することで、Bubble アプリ内から直接ユーザーのソーシャルメディアアカウントを管理できます。 これを実現する方法は 2 つあります:

• Bubble Ayrshare プラグイン: ユーザーフレンドリーな選択肢で、最小限のセットアップで利用できます。ただし、Bubble API Connector と比較すると 機能は限られています。
• Bubble API Connector: より高い柔軟性と制御を求める場合には、Bubble API Connector を利用します。 このアプローチにより、Ayrshare の API を直接操作でき、Bubble.io アプリ内でより幅広い機能を実現できます。

このガイドでは両方の統合オプションについて説明します。

​

クイックスタート: Bubble.io Ayrshare プラグイン

Bubble は最も強力なノーコードソフトウェア開発プラットフォームの 1 つです。最も簡単に始められるのは、Ayrshare の Bubble.io プラグインです。より高度な Bubble 統合については以下を参照してください。 まず ayrshare.com でアカウントを作成します。次にソーシャルメディアアカウントを接続します。 アカウントが接続されたら、API Dashboard に移動して API Key をコピーできます。 Bubble プラグインマーケットプレイスから Ayrshare プラグインを Bubble アプリに追加します。プラグインのフィールド「API Key」に API Key を入力します。 これで、Bubble アプリからソーシャルメディアアカウントに投稿を送信できるようになります。 以下の画像は、画像付きの投稿のためにプラグインを呼び出す Bubble のワークフロー呼び出しの例です。 上記の動画で詳しく説明しています。以下のパラメータタイプを使用していることを確認してください:

• post: JSON セーフとして書式設定されたテキスト
• platforms: 各テキストが "facebook","instagram" のように括弧で囲まれたテキストのリスト
• media: JSON セーフとして書式設定されたテキスト URL
• date: JSON セーフとして書式設定された日付/時刻

Ayrshare プラグインでは投稿と投稿の削除を行えます。Ayrshare の全機能を活用するには、Bubble API Connector プラグインを使用し、アプリに必要なエンドポイントで設定することをお勧めします。

​

Bubble API Connector プラグイン

代わりに、Bubble API Connector プラグインを使用して Ayrshare API の全機能にアクセスすることもできます。以下は、Ayrshare で Bubble API Connector を使い始めるための動画で、1 件の投稿に複数の画像を投稿する方法を説明しています。 以下は、Bubble でソーシャルプロファイル分析を取得する方法を示す別のチュートリアル動画です。

​

複数のソーシャルメディアアカウントに投稿する

概要を示す記事は以下のとおりです:

​

Bubble の投稿データを検証する

API Connector 経由で Bubble から投稿する場合、有効な JSON を送信しているかどうかを判断するのが難しい場合があります。多くの場合、Ayrshare に投稿された JSON が無効な場合、レスポンスは HTML になります。 Ayrshare には、通常の /post エンドポイントの代わりに投稿できる /validateJSON URL があります。「Valid」または「Not Valid」を返します。Content-Type は通常の application/json ではなく text/plain に設定してください。 詳細については、「Response Returns as Bad Request」のトラブルシューティングリンクをクリックしてください。

​

Bubble でメディアファイルをアップロードする

Bubble の File Uploader を使ってメディアファイルをアップロードします。これらのファイルは Amazon の S3 に保存されます。返される URL は、/post エンドポイントの mediaUrls ボディパラメータで使用できます。

​

Bubble でリンク用 URL を生成する

Bubble でリンク用 URL を生成するには、/profiles/generateJWT エンドポイントを呼び出します。秘密鍵は不要です。privateKey は使用されなくなったため、通常送信が必要な body パラメータは profileKey だけです。domain は、アカウントに複数のリンク用ドメインがある場合にのみ送信してください。domain は現在も検証され、アカウントに登録されていないドメインは拒否されます。 ステップ 1: Bubble アプリ内で、以下のように API Connector で新しい呼び出しを作成し、Body 領域に profileKey を指定します。スクリーンショットには以前のパラメータが残っています。privateKey は受け付けられて無視されますが、domain の値がアカウントに登録されたドメインでない場合は、その項目を削除してください。 ステップ 2: Initialize call ボタンをクリックしてレスポンスを保存します。レスポンス内の url フィールドが、ユーザーがソーシャルメディアアカウントのリンクページにアクセスするためにクリックする URL です。

​

ユーザーが自分のソーシャルアカウントをリンクできるようにする

Launch Plan、Business Plan、または Enterprise Plan を利用している場合、この動画では、すべてのユーザーが自分のソーシャルアカウントをリンクできるように Bubble をセットアップする方法を説明しています。

​

Bubble で AI を使ってテキストを書き直しソーシャルに投稿する

Ayrshare と Bubble.io を使用して、書き直しとソーシャル投稿アプリを構築する方法。このアプリはテキストを受け取り、5 通りに書き直し、ソーシャルアカウントに投稿します。

​

Bubble API Connector

Ayrshare API 呼び出しを行うには、Bubble API Connector の使用をお勧めします。 Bubble はすべての API 呼び出しを 150 秒後にタイムアウトさせ、その後もう一度だけ再試行することにご注意ください。大きな動画は 150 秒以上かかる場合があり、これにより Bubble が自動的にもう一度投稿を試行し、重複投稿エラーの原因となります。大きな動画にはスケジュール投稿の使用をお勧めします。

​

参考になる Bubble ブログ記事

• ノーコードでソーシャルメディア投稿モバイルアプリを構築する。
• ノーコードでソーシャルメディアスケジューリングアプリを作成する方法。