LoginSignup
0
1

More than 1 year has passed since last update.

Auth0でkintone(Cybozu)にLINEログインしてみた

Posted at

前提

Auth0でテナント作成〜LINEログインとの接続までできているものとします。
まだの人は↓この辺りを参考に。

公式サイトの情報

Auth0

Cybozu

各サービスの設定

Auth0の設定

Applicationを作る

image.png
[+ CREATE APPLICATION ]を押す

image.png
Name: cybozu など適当に入力、
application type: Regular Web Applications を選択して
[ CREATE ]を押す

Applicationの設定

image.png
Connectionsタブで LINE がONになっていることを確認する。
他の要らないものはOFFにしておく。

image.png
Settings タブを下にスクロールして
image.png
Advanced Settings を開き、
image.png
Certificates タブの [ DOWNLOAD CERTIFICATE ] を押して PEMファイルをダウンロードしておく。
image.png
Endpoints タブの「SAML Protocol URL」をコピーしておく。

Cybozuの設定

image.png
[ログイン]を開き、「SAML認証」のところに
image.png
・SAML認証を有効にする →チェック
・Identity ProviderのSSOエンドポイントURL(HTTP-Redirect)→ コピーしておいたSAML Protocol URLを入力
・cybozu.comからのログアウト後に遷移するURL → 同じくSAML Protocol URLを入力
・Identity Providerが署名に使用する公開鍵の証明書 → ダウンロードしておいたPEMファイルを選択
・[保存]を押す

再び Auth0 の設定

cybozuのヘルプに載っている
image.png
この内容を設定していきます。

まずAuth0でApplicationの設定を開いて
image.png
Addons タブの [SAML2 WEB APP] をクリックし、
image.png
Settings タブの Application Callback URL にcybozu.comのエンドポイントURLを入力。
Settingsに以下の内容を入力。

{
  "audience": "https://(サブドメイン名).cybozu.com",
  "mappings": {
    "user_id": "NameID"
  }
}

以上でAuth0とCybozuが接続できました。

ユーザー登録

次に、Auth0のユーザーをcybozuに登録します。
ここでは検証用に新規ユーザーを作成することにします。

Auth0で Users を開き、
image.png
LINEログインさせたいユーザーをクリックして
image.png
user_idをコピー。

次にcybozuで
image.png
[ユーザーの追加]を押して
image.png
ログイン名に、先ほどコピーしたuser_idを入力。
その他必要な項目を入力して[保存]を押す。

image.png
「管理者の設定」画面で、先ほど追加した検証用ユーザーをcybozu.com共通管理者に追加しておく。

動作確認

別のブラウザで https://(サブドメイン名).cybozu.com を開く。
Autho0のログイン画面が表示され、LINEでログインできればOK。

コメントありましたらお願いしますm(_ _)m

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1