0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

AppSheetでOIDCを使ってAzureADB2Cとつなぐ

Posted at

はじめに

  • AppSheet自体はOIDCに対応しているので大丈夫だとは思いましたが、AppSheetでB2Cとつなぐ記事なんてニッチな記事はないので残してみます。
  • 公式ドキュメントはこちらです。

AzureADB2Cの設定

アプリ名はAppSheetにしました。

  • AppSheetのプレビューはWEBでしたのでプラットフォームはWEB,リダイレクトURIはマニュアルに従って2つ設定しています。(後者のlocalhostのほうがどこに使うのかまだよくわかってないです。)
    https://www.appsheet.com/Account/ELC
    http://localhost:53519/Account/ELC
    

image.png

スコープを追加して、APIのアクセス許可を与えます(APIのアクセス許可で管理者の同意も与えておきます)

image.png

証明書とシークレットからシークレットを発行します。これはAppSheetの設定で利用するのでコピーしておきます。

image.png

概要からアプリケーションIDをコピーしておきます。

image.png

authorization エンドポイント, tokenエンドポイントも併せてコピーしておきます。利用するときはpolicy-nameを自身が設定したポリシーに併せて修正してください。

image.png

AppSheetの設定

Account setting → Integrations → Auth Domains → 「+New Auth Domain」をクリックして設定していきます

image.png

Open ID Connectを設定

image.png

先ほどコピーした値を設定し、保存します

image.png

再度設定画面を開いて、名前を変えておきます

image.png

これをアプリ側に組み込みます

画面左のSecurity → Domain Authenticationで先ほど設定したものを設定します.(Groupは適当です)

image.png

動作確認していきます

アプリのプレビューをクリックします

image.png

いつものB2Cのログイン画面が開きます

image.png

認証すると同意画面が出てきます

image.png

Acceptをクリックするとアプリ内に遷移できます

image.png

0
0
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
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?