Auth0(ソーシャルログイン)プラグイン

Auth0 を使用して EC-CUBE4でソーシャルログインを実現するプラグインです。
Auth0 を使用するとGoogleやFacebook、Apple、LineなどのアカウントでEC-CUBE4.2にログインできるようになります。

ご注意!

メールアドレスが取得できるサービスのみ利用可能です。
Twitterは現在メールアドレスを提供していないので利用できません。

非公式プラグインですのでご利用は自己責任でお願いいいたします。
本プラグインを導入したことによる不具合や被った不利益につきましては一切責任を負いません。

インストールに失敗する場合

以下のコマンドをk実行してください。

composer config --no-plugins allow-plugins.php-http/discovery false

Auth0の設定例

Application Login URI、Allowed Callback URLs、Allowed Logout URLsは任意のURLを設定してください。

ソーシャルプロバイダーのClientIDとClientSecretをAuth0に登録

ご注意！

Auth0のClientIDとClientSecretを使用すれば、ソーシャルプロバイダーのClientIDとClientSecretを登録せずにソーシャルログインのテストができます。
本番環境では必ず各ソーシャルプロバイダー独自のClientIDとClientSecretをAuth0に登録してください。

ソーシャルプロバイダーのClientIDとClientSecretの発行方法

ソーシャルプロバイダーに登録するウェブサイトURLとコールバックURLはAuth0で発行されたURLを登録してください。
ウェブサイトURL例：https://a-zumi.us.auth0.com
コールバックURL例：https://a-zumi.us.auth0.com/login/callback

ソーシャルプロバイダーのClientIDとClientSecretをAuth0に登録

発行されたソーシャルプロバイダーのClientIDとClientSecretをAuth0に登録してください。

設定例

• Googleアカウントの連携方法
• GitHubアカウントの連携方法
• LINEアカウントの連携方法
• Amazonアカウントの連携方法

インストールと有効化

bin/console eccube:composer:require knpuniversity/oauth2-client-bundle
bin/console eccube:composer:require riskio/oauth2-auth0
bin/console eccube:composer:require auth0/auth0-php

git clone git@github.com:kurozumi/auth0-eccube-plugin.git app/Plugin/Auth0

bin/console eccube:plugin:install --code Auth0
bin/console eccube:plugin:enable --code Auth0

Auth0で発行されたClientIDとClientSecret、DomainをEC-CUBEに登録

Auth0 でClientIdとClientSecret、Domainを取得して、管理画面で設定してください。

ソーシャルログインページへのリンク設定

<a href="{{ url('auth0_connect') }}">ソーシャルログイン</a>

利用可能なソーシャルログイン一覧

ユーザー名・パスワード認証停止

ユーザー名・パスワード認証（Username-Password-Authentication）は Auth0 の管理画面で停止してください。

ソーシャルログインサービスの追加

Auth0のCustom Social Connectionを利用してYahoo! JAPANと接続する

Passkeyの利用

Auth0はPasskeyでログインするよう設定することが可能です。
ただし、Auth0ではパスワードの無効化がまだ未対応なので、
Auth0のログイン画面でメールアドレス・パスワード認証の項目が表示されます。

Auth0 で Passkey を登録する流れ

1. Auth0 のログイン画面でサインアップをクリック
2. メールアドレスを入力して送信
3. デバイスにパスキーを作成
4. メールアドレス認証のメールが届くのでメール本文の記載されている認証リンクをクリックして認証
5. メールアドレス認証完了ページが表示されるので表示されているボタンをクリック
6. パスキーを使用すると EC-CUBE の会員登録画面へ進みます
7. EC-CUBE の会員登録を完了してください

データベース接続を作成

1. 認証＞データベースページでデータベース接続を作成をクリック
2. 接続名入力、ユーザー識別子としてメールをオンにして作成
3. データベースの認証方法でパスキーをオンにする

アプリケーションの作成

1. アプリケーション＞アプリケーションページでアプリケーションを作成
2. 名前入力、一般的なWebアプリケーションを選択して作成
3. アプリケーションの設定で各種URLを設定して保存
   • ログインURL：ドメイン/auth0/connect
   • Callback URL：ドメイン/auth0/connect/callback
   • ログアウトURL：ドメイン
4. アプリケーションの接続で作成したデータベースをオンにする

認証プロファイル

1. 認証＞認証プロファイルで 「Identifier First」 を選択