Joomla OAuthクライアントプラグインでInstagramシングルサインオン(SSO)を設定する
概要
このガイドでは、Joomla OAuthクライアント拡張機能を設定して、ユーザーがInstagramアカウントでログインできるようにする方法について説明します。この統合は、Meta for Developersプラットフォームの一部であるInstagram Basic Display APIを通じて管理されます。
「Instagramでログイン」オプションの追加は、アーティストのポートフォリオ、ブランドショーケース、ライフスタイルブログ、eコマースサイトなど、ビジュアルやコミュニティに重点を置いたウェブサイトに最適です。Instagramプラットフォームで高いエンゲージメントを持つオーディエンスに、迅速かつ最新のログイン方法を提供します。
構成手順
この構成では、 Instagram OAuthサーバーとして機能し、 Joomlaの ユーザーはInstagramの認証情報を使ってログインすることができます。 Joomla OAuth クライアント プラグイン.
ステップ1: Joomla OAuthクライアントプラグインをインストールする
- Joomla サイトにログインします。 管理者 コンソール。
- 左側のトグルメニューから、 をクリックします システムをクリックし、「インストール」セクションで「」をクリックします。 拡張機能.
- 今後はクリック またはファイルを参照します ボタンをクリックして、前にダウンロードしたプラグイン ファイルを見つけてインストールします。
- プラグインのインストールは成功しました。 今すぐクリックしてください はじめよう!
- OAuth の設定 -> 事前設定されたアプリ タブで、あなたのものを選択してください OAuthプロバイダー独自のカスタムプロバイダーを設定することもできます。 カスタムアプリケーション タブには何も表示されないことに注意してください。
- OAuthプロバイダーを選択したら、 コールバック/リダイレクト URL OAuthサーバーの設定に使用する 保存して次へ
ステップ2: InstagramをOAuthサーバーとして設定する
- に行きます Instagram開発者ダッシュボード.
- ウェブサイトの URL と電話番号を入力します。 あなたのウェブサイト 電話番号 それぞれのテキストフィールドをクリックします。 サインアップ ボタンをクリックして続行してください。これで開発者アカウントへのサインアップが完了します。
- もう一度「アプリケーションを登録」ボタンをクリックして、次のページに進みます。 クライアント管理 -> 新しいクライアントの登録 下の画像の通りです。
- あなたの〜を入力してください アプリケーション名、説明、会社名、Web サイト URL、連絡先メールアドレス など。コピー リダイレクト/コールバックURL miniOrange OAuthクライアントプラグインからダウンロードし、 有効なリダイレクトURL テキストフィールドをクリックします。最後に 会員登録する ボタンをクリックして設定を保存します。
- 次に、「管理」ボタンをクリックして、 クライアントIDとクライアントシークレット.
- 以下を行うには、 セキュリティタブ そのチェックを外す 暗黙的 OAuth を無効にする オプションをクリックします 更新クライアント ボタンをクリックして変更を保存します。
- 自分に戻って Joomla ダッシュボード。 次に行く ステップ 2 会場は OAuthの構成 タブには何も表示されないことに注意してください。
- 貼り付け クライアントID、クライアントシークレット、テナントクライアント資格情報も設定する ヘッダーと本文 クリックします 設定を保存する設定が保存されたら、 構成の保存.
- スコープとエンドポイントは以下に記載されています。これらは、Joomla を OAuth クライアント プラグインとして構成し、Instagram をカスタム OAuth または OIDC プロバイダーとして構成するために必要なものです。
| 対象領域 | ユーザープロファイル ユーザーメディア |
| エンドポイントの承認 | https://api.instagram.com/oauth/authorize |
| アクセストークンエンドポイント | https://api.instagram.com/oauth/access_token |
| ユーザー情報の取得エンドポイント | https://graph.instagram.com/me?fields=id,username&access_token= |
| クライアント資格情報を設定する | ヘッダーと本文 |
ステップ4: 属性マッピングを構成する
- ユーザー属性マッピングは、ユーザーが Joomla に正常にログインできるようにするには必須です。以下の設定を使用して、Joomla のユーザー プロファイル属性を設定します。
- に行く ステップ 3 会場は OAuthの構成 タブをクリックして テスト構成
- 次のように、テスト構成の出力で属性を確認できます。
- 次に属性名を選択します メールアドレスとユーザー名 ドロップダウンから選択します。 構成の完了
ステップ5: ログイン/SSO URLの設定
- さあ行く ステップ 4ここにコピーします ログイン/SSO URL それをサイトに追加します。
- 次にログアウトして、このリンクを追加した Joomla サイトのページに移動します。ボタンを配置した場所にログイン リンクが表示されます。このボタンをクリックして SSO を実行します。
