Bubble.ioのOAuth SSOをWordPressをOAuthサーバーとして使用する方法 | WordPressを使用したBubble.io SSO

概要

WordPress 用 OAuth サーバー プラグインを使用すると、WordPress のユーザー名とパスワードを使用して Bubble.io アプリにシングル サインオン (SSO) でログインできます。Bubble.io をWordPress用 OAuth サーバー プラグインで設定すると、WordPress の認証情報を使用して Bubble.io アプリケーションにログインできるようになります。OAuth サーバー プラグインを使用すると、要件に応じてカスタム WordPress ユーザー属性を Bubble.io アプリに送信することもできます。WordPress 用 OAuth サーバー プラグインのその他の機能の詳細については、こちらをクリックしてください。

前提条件: ダウンロードとインストール

• WordPress インスタンスに管理者としてログインします。
• WordPress に移動します ダッシュボード >> プラグイン をクリックします。入力したコードが正しければ、MFAの設定は正常に完了します 新しいプラグインを追加.
• 検索する WordPress 用 OAuth サーバー シングル サインオン (SSO) プラグイン をクリックします。入力したコードが正しければ、MFAの設定は正常に完了します 今すぐインストール.
• インストールしたら、をクリックします アクティブにしましょう.

構成手順

ステップ1: WordPressをOAuthサーバーとして設定する

• に行く miniOrange OAuth サーバー 左側のメニューに表示されます。
• ここで、必要な OAuth クライアントを検索します (つまり、 バブル).
• 以下を行うには、 バブル のアイコンをクリックします。

• Enter クライアント名 あなたが望むように。 を入手 リダイレクト/コールバック URL Bubble.io から以下を入力してください URIをリダイレクトする 分野。 クリック クライアントの保存

• 書き留める クライアント ID、クライアント シークレット、エンドポイント Bubble.io アプリで設定します。

ステップ2: Bubble.ioをOAuthクライアントとして設定する

• あなたにサインインする バブルアイオ 管理者としてアカウントを作成します。
• に行く ホーム >> アプリ クリックして アプリを作成する.

• アプリケーションに名前を付けてクリックします 今すぐ始める

• MFAデバイスに移動する プラグイン 左側のサイドバーのタブをクリックして、 プラグインを追加する

• 検索する APIコネクタ プラグインを選択してクリックします インストールを開始する ボタンをクリックし、インストール後にクリックします クリックします

• ソフトウェアの制限をクリック 別の API を追加する

• 与える API名 ご都合に合わせて選択してください 認証 メソッドとして OAuth ユーザーエージェントフロー.

• コピー リダイレクトURL これは、WordPress の OAuth サーバー プラグインを設定するために必要なものです。

• 次に、を有効にします 認証はヘッダーに入力されます (NAIST) と アクセス トークンの要求には基本認証が使用されます チェックボックス

• WordPress 用 OAuth Server プラグインと同様に、以下のフィールドに入力してください。

Bubble.io コラム	WordPress コラム
アプリケーションID	顧客ID
アプリシークレット	クライアントシークレット
対象領域	スコープ
ログインダイアログのリダイレクト	認可エンドポイント
アクセストークンエンドポイント	トークンエンドポイント
ユーザープロファイルエンドポイント	ユーザー情報エンドポイント

• ここで構成を確認し、SSO をテストするには、次の場所に移動します。 設計 サイドバーのタブ。そしてドラッグアンドドロップ ボタン ページ上に

• 次に、追加されたボタンをクリックして名前を付けます。次に、をクリックします ワークフローの追加

• 今後はクリック アクションを追加するにはここをクリックしてください をクリックして ソーシャルネットワークでのサインアップ/ログイン.

• ここで「構成済み」を選択します OAuthプロバイダー.

• もう一度戻って、 設計 タブをクリックし、ドラッグ アンド ドロップします。 テキスト 要素。次に名前を付け、テキストを入力した後、そのフィールドで をクリックするだけです。 動的データの挿入

• 次に、 現在の使用者 ドロップダウンからフィールドを選択します。

• それから、 さんのメール フィールド。

• 次にをクリックしてください プレビュー 右上隅のボタンをクリックし、ユーザー用にセッションが作成されていないこのプレビュー タブ (例: 新しいシークレット タブ) を開きます。

• 次にクリック ワードプレスログイン ボタンが開いた状態 プレビュー タブには何も表示されないことに注意してください。

• その後、ユーザーは WordPress ログインページにリダイレクトされ、ユーザーが資格情報を入力すると、ページの認証を求めるプロンプトが表示され、「認証」をクリックします。 同意の送信

• ログインしたユーザーのメールアドレスがアプリケーションページに表示されます。

このガイドでは、 WordPress を OAuth プロバイダー、Bubble.io を OAuth クライアントとして、WordPress 用の OAuth サーバー プラグインを使用して、 Bubble.ioアプリにシングル サインオン (SSO) を正常に構成する方法を説明します。このソリューションにより、WordPress サイトの認証情報を使用して、数分以内に Bubble.io アプリへの安全なアクセスを展開する準備が整います。

関連記事

• シングル サインオン (SSO) とは何ですか?
• OAuth とは
• Bubble.io 管理ガイド
• WordPress 用の OAuth サーバーによるシングルサインオン (SSO)
• WordPress で miniOrange OAuth サーバーを有効にするためのステップ ガイド
• よくある質問（FAQ）