Keycloakをアイデンティティプロバイダとして使用したHubSpotのシングルサインオン

HubSpot アプリケーションのシングル サインオンにより、Keycloak を OAuth プロバイダーとして使用して、HubSpot CMS ランディング ページ、ブログ、その他のページへの安全なログインが可能になります。ユーザー プロファイルの属性マッピングなどの高度なシングル サインオン (SSO) 機能をサポートします。

ここでは、HubSpot と Keycloak の間で SSO を構成するためのガイドを説明します。このガイドが終了するまでに、ユーザーは Keycloak から HubSpot にログインできるようになります。 HubSpot のシングル サインオンおよびその他の HubSpot 統合について詳しく知りたい場合は、次の手順を実行してください。 ここをクリック。

お気軽にお問い合わせください Hubapps@xecurify.com HubSpot のシングル サインオンをインストールする方法について詳しくは、こちらをご覧ください。

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

• あなたにログイン HubSpot アカウント 管理者として。
• こちらをクリックしてください インストールする miniOrange による HubSpot のシングル サインオン 。または、からアプリをインストールすることもできます HubSpotアプリマーケットプレイス .

Keycloakをアイデンティティプロバイダとして使用してHubSpotログインのシングルサインオンを設定する手順

ステップ 1: Keycloak を OAuth プロバイダーとして設定する

• まず第一に、 Keycloakをダウンロード し、それをインストールしてください。
• キークロークサーバーを起動します キークロークのバージョンに基づいて。 (下の表を参照)

Keycloakバージョン17以降の場合

keycloakのルートディレクトリに移動します ビン kc.バット そして以下のコマンドを実行します。 1. kc.bat ビルド 2. kc.bat 起動-dev

• レルムを追加します: 今すぐログインしてください Keycloak管理コンソール そして目的のレルムに移動します。 マスターをクリックしてから、 レルムの作成

• Enter レルム名をクリックします。入力したコードが正しければ、MFAの設定は正常に完了します 創造する

• OpenID クライアントを作成します。 以下を行うには、 取引実績 選択して クライアントの作成 新しいクライアントを作成します。 入力 クライアントID (任意の文字番号などを指定できます。後で miniOrange シングル サインオン アプリを構成する際に必要になるため、手元に置いておいてください) クライアント プロトコルを選択します オープンエイド接続 とクリック 次へ.

• 有効にします クライアント認証 and Authorization 切り替えてクリックします 次の.

• ログイン設定 そしてあなたの 有効なリダイレクト URL/コールバック これは、クライアント側にある miniOrange シングル サインオン アプリから取得します。 コールバック URL テキストフィールド.

• に行きます Credentials タブ、コピー クライアントシークレット 後で miniOrange シングル サインオン アプリを構成するときに必要になるため、手元に置いておいてください。

• ユーザーを追加する： HubSpot コンテンツを取得するには、SSO を実行できるユーザーをレルムに追加する必要があります。 クリックしてください ユーザー をクリックします 新しいユーザーを作成する 新しいユーザーを追加します。

• 必要な詳細を入力し、 創造する

• さあ、行きましょう Credentials 作成したユーザーのパスワードを設定します。 クリックしてください パスワードを設定

• 選択したパスワードを入力し、 Save

ステップ 2: HubSpotas OAuth クライアントをセットアップする

• に行きます miniOrange シングル サインオン (SSO) アプリ クレデンシャルでログインします。
• をクリックしてアカウントを選択してください アカウントを選択

• その後、をクリックします 右アイコン アプリケーションにアクセスするため。

• miniOrange のシングル サインオン アプリのダッシュボードに移動し、 アプリの構成 タブには何も表示されないことに注意してください。

• ここでは、 アプリケーションを選択してください それをクリックしてください。 アプリがここに存在しない場合は、 カスタム OAUTH 2.0 または OIDC (Open ID Connect プロトコル) プロバイダーの実装に従ってアプリを作成します。

• 入力する ログインボタンのテキスト そしてコピー コールバックURL 認証に使用する ID プロバイダー (サードパーティ アプリ) を設定します。

• ここで、アイデンティティ プロバイダーからシングル サインオン (OAuth SSO) を設定するには、次のように入力する必要があります。 クライアントID、クライアントシークレット、and 範囲、 有効にする ヘッダーを送信 and Endpoints Keycloakから（以下の表を参照）。

クライアントID ：	ステップ 1 上記の.
クライアントシークレット:	ステップ 1 上記の.
範囲：	オープンID
ヘッダー/ボディの設定	ヘッダーと本文の両方を有効にする
エンドポイントを承認します:	https://<keycloak domain>/realms/{realm-name}/protocol/openid-connect/auth
アクセストークンエンドポイント:	https://<keycloak domain>/realms/{realm-name}/protocol/openid-connect/token
ユーザー情報の取得エンドポイント:	https://<keycloak domain>/realms/{realm-name}/protocol/openid-connect/userinfo


• すべての詳細を入力したら、 構成を保存してテストする

• ログインに成功すると、Keycloak によって HubSpot に返されたすべての値が表に表示されます。

ステップ 3: HubSpot にページ制限を設定する (Web サイト、ランディング ページ、ブログ、ナレッジベース)

現場の声を力強いメッセージへ。 ページ制限機能 あなたがすることができます HubSpot Web サイトを不正アクセスから保護する。 機密情報を保護するのに役立ちます。 この方法を使用すると、HubSpot ページ/コンテンツへのアクセスを制限できます。 訪問者は HubSpot ページにアクセスする前にサインインする必要があります。

• テスト構成の結果を受け取ったら、 ページ制限 タブには何も表示されないことに注意してください。

• まず チェックボックス 権限のないユーザーから保護したいページの横にある をクリックし、 Save 情報を保存します。

• 制限したページ URL にアクセスすると、ID プロバイダーのログイン ウィンドウが表示され、資格情報を入力します。

• ログイン後、Web サイトのページに正常にリダイレクトされます。

ステップ 4: HubSpot で Contact Sync を設定する

連絡先の同期は、HubSpot と外部プラットフォームまたはアプリケーションの間で連絡先情報のシームレスな統合と同期を可能にする強力な機能です。 Contact Sync を使用すると、 顧客データは最新かつ正確であり、 and 複数のシステム間で一貫性を保つ時間を節約し、手動でのデータ入力を不要にします。

• 連絡先の詳細を同期するには、 アプリの構成 タブを選択し、 あなたが作成したプロバイダー.
• 以下を行うには、 編集 下のアイコン 連絡先属性のマッピング オプションを選択します。

• あなたは HubSpot の連絡先属性と IDP 属性 オプション、HubSpot コンタクト属性をサードパーティ アプリケーション/IDP 属性にマッピングします テスト構成結果で受け取った。 さらに、複数の属性が必要な場合は、 カスタム属性マッピング オプションを選択します。

• すべての属性を追加した後、有効になっていることを確認してください。 連絡先の同期 オプション。 クリックしてください Save

• あなたは今見つけることができます HubSpot の連絡先。 これは リードを生成する、HubSpot の販売およびマーケティング パイプラインに新しい連絡先を迅速かつ簡単に追加できるためです。 連絡先の同期により、 HubSpot アカウントは、リードと顧客 (サイト訪問者) に関する最新情報で常に更新されます。、より質の高い見込み顧客を生成するのに役立ちます。

ステップ 5: HubSpot ポータルからアプリをアンインストールする方法

• アプリをアンインストールするには、HubSpot アカウントに移動して、 設定 のアイコンをクリックします。

• に行く インテグレーション をクリックします。入力したコードが正しければ、MFAの設定は正常に完了します 接続されたアプリ.

• アプリのリストが表示されるので、アプリを選択してクリックします ボタン。そして、 をクリックします アンイ オプションを選択します。

• 続行するには下に「アンインストール」と入力し、クリックします アンインストール

ステップ 6: HubSpot からアプリを切断するにはどうすればよいですか?

• に行きます ページ制限 タブには何も表示されないことに注意してください。

• 以下のスクリーンショットに示すように、HubSpot ページの選択を解除し、 Save ボタン。これにより、SSO 用のアプリが HubSpot ポータルから切断されます。

おめでとう！ miniOrange アプリケーションによる HubSpot シングル サインオンの接続が正常に切断されました。

トラブルシューティング/よくある質問

 

切断とアンインストールはユーザーの HubSpot アカウントとデータにどのような影響を与えますか?

アンインストールするとアプリとその設定が削除され、ユーザーは HubSpot ページにシングル サインオン (SSO) アクセスできなくなります。切断すると、SSO からページが切り離されるだけで、アプリの設定はそのまま残り、SSO アクセス用にページを再構成できるようになります。

次のメッセージが表示されます: {"status":"failed","message":"OAuth プロバイダーからのトークンの取得中にエラーが発生しました。"}

• チェックしたことを確認してください 一方または両方 「」内の次のチェックボックスのいずれかを選択します。HubSpot アプリの構成設定します。

• IdP がヘッダー内の認証情報を必要とする場合は、 ヘッダ チェックボックスをオンにします。
• Save 構成を選択してクリックします テスト構成.
• これで問題が解決しない場合は、両方のオプションを選択してみてください。 ヘッダ and ボディ チェックボックス
• 同様に、IdP の本文に資格情報が必要な場合は、 ボディ チェックボックスをオンにします。
• 適切なチェックボックスをオンにすると、テスト構成ウィンドウに属性テーブルが表示されます。

テスト構成は成功しましたが、ログインしようとするとリダイレクト ループにはまってしまいます。

これが起こる理由はいくつかあります。

1. Web サイトでキャッシュが有効になっています。

自動リダイレクトが有効な場合、ユーザーは IDP ログイン ページにリダイレクトされ、ログイン後にメイン サイトに戻りますが、キャッシュが有効になっているため IDP ログイン ページにリダイレクトされるため、ループが発生します。

2. HTTP/HTTPS の不一致:

これは、サイトで HTTPS が強制されていないが、IDP 側で HTTPS URL が構成されている場合に発生します。これは、.htaccess ファイルまたは Apache レベルでリダイレクト ルールを定義して、サイトで HTTPS を強制することで解決できます。

3. クッキーの混入:

ユーザーのログイン後にプラグインによって作成された Cookie が別のプラグインによって変更されるため、ユーザーは WordPress サイトにログインできなくなりますが、セッションは IDP で作成されます。

エラーの取得:「無効な応答」

2 つの可能性が考えられます。

1. アプリが OAuth 2.0 プロトコルをサポートしていて、OpenID Connect プロトコルを使用して構成されているか、その逆の場合も同様です。 この場合、カスタム OAuth2.0 アプリを使用してアプリを構成した場合はカスタム OpenID Connect アプリで再構成し、カスタム OpenID Connect アプリを使用してアプリを構成した場合はカスタム OAuth 2.0 アプリで再構成します。 この問題は解決されるはずです。
2. 上記の解決策が機能しない場合は、アプリ/プロバイダーが標準の OAuth 2.0/OpenID Connect プロトコルに従っていない可能性があります。 この場合は、こちらまでご連絡ください Hubapps@xecurify.com アプリ/プロバイダーのリクエスト/レスポンス形式のドキュメントを添付して送信してください。技術者が解決策を返信します。

「無効な応答を受け取りました」というエラー メッセージが表示される

この問題を解決するには、HubSpot SSO アプリケーション エンドポイント テーブルで正しいトークンとユーザー情報エンドポイントを構成してください。 エンドポニットの正しい形式を確認するには、 Pr_media.

その他のリソース

• miniOrange による HubSpot のシングル サインオン
• HubSpot の Wordpress シングル サインオン by miniOrange
• HubSpot 用 AWS Cognito シングル サインオン by miniOrange
• HubSpotのセキュリティとAPIの統合
• HubSpot ナレッジベースのコンテンツを保護する