Stripe、Twilio などのサービスを接続する
要点コネクタは、外部のサービスをアプリにつなぐしくみです。決済なら Stripe、SMS なら Twilio、独自ドメインのメールなら Resend などがあります。チャットで機能を頼むと MonstarX がキーを入力するカードを表示します。または「バックエンド → クラウド → コネクタ」を開いて「接続する」をクリックします。まだキーがなければ「後で」を押しても、MonstarX はすべて作成します。
アプリには、データベース、アカウント、メール、ファイルストレージ、AI が最初から組み込まれています。それ以外のものはコネクタで追加します。Stripe で決済を受け付ける、Twilio で SMS を送る、Firecrawl でどんな Web サイトからもデータを取り込む、などです。コネクタは1つの外部サービスを1つのアプリにつなぐもので、そのサービスのあなたのアカウントのキー（サービスが API 用に発行する秘密のパスワード）を使います。
自分で探しに行く必要はほとんどありません。「会員がクラスの回数券を買えるようにして」のように、サービスが必要な機能を頼むと、MonstarX がコードを書き、その場でチャットにキーを求めるカードを表示します。
アプリにはどんなサービスを接続できますか？
Section titled “アプリにはどんなサービスを接続できますか？”ここで紹介するコネクタは、アプリがその利用者のために行うことに使います。すべて バックエンドクラウド の コネクタ の一覧にあります。
| コネクタ | アプリでできること | 貼り付けるもの |
|---|---|---|
| Stripe | 決済、サブスクリプション、チェックアウト。サンドボックス（テスト）または本番（ライブ）のキーを使います。 | シークレットキー、公開可能キー、Webhook 署名シークレット（任意） |
| Twilio | SMS や WhatsApp のメッセージ送信、音声通話。 | アカウント SID、認証トークン、送信元の電話番号 |
| Resend | MonstarX のメールではなく、自分のドメインからメールを送信。 | API キー、送信元アドレス |
| OpenAI | MonstarX の AI ではなく、自分の OpenAI キーを使用。 | API キー |
| OpenRouter | MonstarX の AI ではなく、自分の OpenRouter キー（どのモデルでも）を使用。 | API キー |
| Google Maps | スポット検索と入力補完、お店の詳細情報、車のルート案内。 | API キー |
| Mapbox | ジオコーディング（住所を地図上の位置に変換）、ルート案内、航空写真を含む Mapbox の地図スタイル。 | 公開アクセストークン |
| Firecrawl | どんな Web サイトも、きれいなテキストや構造化データに変換（スクレイピング、クロール、検索）。 | API キー |
| Zernio | 利用者の SNS アカウント（X、Instagram、Facebook、LinkedIn、TikTok、YouTube など）を接続し、投稿の公開や予約をします。 | API キー |
| ElevenLabs | テキスト読み上げと音声生成。 | API キー |
| Google Analytics | GA4 でページビューとイベントを計測。 | 測定 ID |
もっと大きな役割を持ち、専用のページがあるコネクタもあります。
- Supabase と Railway は、アプリのデータを自分の Postgres データベースに保存できます。詳しくは Supabase と Railway をご覧ください。
- Firebase では、自分の Firestore、サインイン、ファイルストレージ、プッシュ通知をアプリで使えます。詳しくは Firebase をご覧ください。
- Cloudflare では、アプリ全体を自分の Cloudflare アカウントで動かせます。詳しくは 自分の Cloudflare アカウント をご覧ください。
- Azure、AWS、Vercel、Google Cloud は、アプリの公開先です。詳しくは ほかのホスティング先に公開する をご覧ください。
チャットからサービスを接続するには？
Section titled “チャットからサービスを接続するには？”「Stripe でクラスの回数券を買えるようにして」のように、ふつうの言葉で機能を頼みます。MonstarX が機能を作り、サービスが必要な理由とともに、接続を求めるカードを表示します。
-
カードを読みます。キーの確認方法 を押すと、キーの場所を説明するそのサービス自身のページが開きます。
-
Stripe の場合は 環境 を選びます。試している間は サンドボックス（テストキー）、実際のお客さんが支払うときは 本番（ライブキー） です。
-
各欄にキーを貼り付けて、Stripe を接続 をクリックします（ボタンには必ずサービス名が入っています）。
-
カードが緑色になり、Stripe は接続済みです と表示されます。プレビューがキー付きで再起動するので、すぐに機能を試せます。
サービスを接続できるのはプロジェクトのオーナーだけです。ほかの人がプロジェクトを見ると、カードに「接続できるのはプロジェクトのオーナーだけです。」と表示されます。
まだキーを持っていない場合は？
Section titled “まだキーを持っていない場合は？”後で をクリックします。カードは「Stripe · 後で接続」の1行に折りたたまれ、MonstarX はそのまますべてを作成します。サービスが必要な場所では、アプリは壊れる代わりに「Stripe はまだ接続されていません」のようなわかりやすいメッセージを表示します。キーが用意できたら、いつでも 今すぐ接続 をクリックしてください。
この選択はプロジェクトと一緒に保存されるので、接続するまでどの端末でもカードは折りたたまれたままです。
MonstarX がそれなしでは先に進めない場合は？
Section titled “MonstarX がそれなしでは先に進めない場合は？”「Stripe の商品をインポートして」のように、リクエスト全体があなたのアカウントの中身に依存していることがあります。その場合、カードは琥珀色で 続けるには Stripe が必要です と表示され、後で ボタンはありません。MonstarX はサービスが不要な部分を作って待機し、接続されるとすぐに自動で作業を再開します。
「バックエンド」タブからサービスを接続するには？
Section titled “「バックエンド」タブからサービスを接続するには？”-
プロジェクトを開き、上部のバーで バックエンド をクリックし、続けて クラウド をクリックします。
-
コネクタ までスクロールし、サービスの横の 接続する をクリックします。
-
各欄を入力します。任意の欄には「（任意）」と表示され、多くの欄の下には説明が1行添えられています。
-
サービス名の付いた接続ボタン（たとえば Stripe を接続）をクリックします。
接続したサービスには緑色の 接続済み の表示（Stripe の場合は 接続済み · サンドボックス または 接続済み · 本番）と、2つのボタンが付きます。
- キーを更新：キーを1つ以上入れ替えます。空欄のままにした項目は、現在の値が保たれます。
- 接続を解除：このアプリからサービスとそのキーを削除します。
各コネクタの横にある小さな矢印のアイコンを押すと、そのサービス自身のドキュメントが開きます。
アプリがまだ待っているサービスを知るには？
Section titled “アプリがまだ待っているサービスを知るには？”アプリのコードがまだ接続されていないサービスを使っていると、MonstarX はそれに気づき、3つの場所で知らせます。
- バックエンド → クラウド では、そうしたコネクタが一覧の先頭に並び、アプリで使用中 · 後で接続、アプリで使用中 · 未接続、続けるには接続が必要 のいずれかが表示されます。
- 公開 に琥珀色の点が付き、中に「Stripe、Twilio がまだ接続されていません」のようなお知らせが、サービスごとの 接続する ボタンとともに表示されます。公開はできますが、キーを入れるまでその部分は誰にとっても動きません。
- QA テスト では、サービスが必要なステップまで流れを確認し、失敗扱いにせず、キーが必要なものとして印を付けます。詳しくは QA テスト をご覧ください。
サービスを使っていた機能を削除すれば、お知らせは自動で消えます。
キーはどこに保存されますか？
Section titled “キーはどこに保存されますか？”キーはアプリと一緒に、STRIPE_SECRET_KEY のような決まった名前で暗号化して保存されます。バックエンドシークレット で、自分で追加したキーと並んで名前（値は表示されません）を確認できます。詳しくは シークレット をご覧ください。
- シークレットキーは、アプリのサーバーだけが使います。アプリの訪問者には見えません。
- Stripe の公開可能キー、Google Maps のキー、Google Analytics の測定 ID のような公開キーは、ブラウザで使うためのものです。これらのキーはブラウザで使っても安全で、だからこそサービスは2種類のキーを発行しています。
- キーは1つのアプリだけのものです。あなたのほかのアプリから見えることはありません。
組み込みのサービスの代わりに、自分のサービスを使えますか？
Section titled “組み込みのサービスの代わりに、自分のサービスを使えますか？”はい。MonstarX Cloud のサービスの代わりになるように作られたコネクタがあり、一覧では MonstarX の「…」の代わり と表示されます。
| 組み込みのサービス | 代わりに使えるもの |
|---|---|
| メール（MonstarX のメールドメインから送信） | Resend：自分のドメインから送信 |
| AI（予備付きの管理されたモデル） | OpenAI または OpenRouter：料金は自分のアカウントに請求 |
| データベース | Supabase。または Railway の Postgres（表示はありませんが、データを保存できます）。詳しくは Supabase と Railway をご覧ください。 |
代わりのサービスを接続したら、「アプリのメールを Resend 経由で送って」のように、それを使うよう MonstarX に頼みます。アプリのどこからも組み込みのサービスを使わなくなったら、バックエンドクラウド で メール、AI、ウェブ検索、ストレージ をオフにできます。詳しくは サービスをオフにして、自分のサービスを使えますか？ をご覧ください。
知っておくと便利なこと
Section titled “知っておくと便利なこと”- 作成がキーを待つことはありません。 MonstarX はサービスのドキュメントをもとにコードを書くので、キーがなくても動かないのはその機能だけです。
- まずはテストを。 Stripe のサンドボックスのキーなら、テスト用カードを使って、実際のお金を動かさずにチェックアウトを試せます。
- あなたのアカウント、あなたの請求。 接続したサービスの料金は、そのサービスの料金体系で、そのサービスのあなたのアカウントに請求されます。MonstarX が上乗せすることはありません。
- MonstarX 自体のためのコネクタは別物です。ビジネスツールを使うと、MonstarX が Google スプレッドシート、HubSpot、Jira などを読めるようになり、MCP コネクタではそのほかのツールを使えるようになります。
よくある質問
Section titled “よくある質問”Stripe を接続するのに、プログラミングの知識は必要ですか？
必要ありません。チャットで機能を頼み、MonstarX が表示するカードに Stripe の2つのキーを貼り付けて、Stripe を接続 をクリックするだけです。コードはすべて MonstarX が書きます。
キーを用意する前にアプリを作れますか？
作れます。カードで 後で をクリックしてください。MonstarX はすべてを作成し、サービスが必要な場所には「まだ接続されていません」というわかりやすいメッセージを表示し、アプリを公開する前に 公開 でお知らせします。
キーの変更や削除はどこでできますか？
バックエンド → クラウド → コネクタ で、サービスの横の キーを更新 か 接続を解除 をクリックします。キーの名前は バックエンド → シークレット にも表示されます。
アプリの利用者に、私のキーが見えることはありますか？
シークレットキーは見えません。アプリのサーバーにとどまります。ページに届くのは、Stripe の公開可能キーのような、ブラウザで使うための公開キーだけです。
キーはプレビューと公開中のアプリの両方で使えますか？
はい。接続するとプレビューが新しいキーで再起動し、次に公開したときに公開中のアプリにも反映されます。
一覧にないサービスのコネクタはありますか？
コネクタがなくても使えます。そのサービスを組み込むよう MonstarX に頼み、キーは自分で バックエンド → シークレット に追加してください。アプリは同じ方法でそのキーを読み取ります。