本記事では、World IDを用いた認証を自作アプリに組み込む方法について解説します。公式のガイドラインは下記にあります。

World IDの認証連携

World IDは、OpenID Connect（OIDC）に準拠した認証プロバイダであるため、OIDCをサポートする任意の認証ライブラリやフレームワークを使用してWorld IDと統合することが可能です。

使用できる典型的な互換の認証エンジンには、Auth0、AWS Cognito、CloudFlare Access、OneLoginなどがあります。ほとんどの言語とフレームワークには、これに対応するシンプルなオープンソースパッケージがあります。

本記事ではWorld ID認証をAuth0と連携させる方法について解説します。

前準備

まずは、Auth0のアカウントとテナントを作成します。
https://auth0.com/signup

次にWorldcoin Developer Portalのアカウントを作成します。
https://developer.worldcoin.org
サインインするためには、World Appをダウンロードし、電話番号の確認を完了する必要があります。

World IDの設定

Worldcoin Developer Portalに移動し、新しいアプリを作成します。
作成方法は下記に記載していますのでご参照ください。

アプリを作成し終えたら、Developer PortalのSign In設定セクションに移動し、Redirect URIにhttps://{domain}/login/callbackを追加します。{domain}はAuth0のテナントドメイン(dev-xxxxxx.auth0.com)です。
Client IDとClient Secretは後で使用するのでメモしておきます。Secretは更新したときにだけ表示されるので、一度resetする必要があります。これらの値はAuth0での接続設定時に使います。

接続の追加

上記リンクにアクセス後、Add Integrationを選択し、必要なアクセス要件を読んで、Continueを選択します。
Client ID, Client Secret, アプリケーションに必要な権限を入力し、Createします。

Applicationsビューで、この接続を使用してログインするアプリケーションを選択します。

認証テスト

Try Connectionを押すと、World ID認証用のQRコードが表示されます。World AppシミュレーターにQRを読み込ませ、認証します。

認証成功すると、下記のような画面が表示されるはずです。

以上で設定は完了です。これで自作アプリの認証プロバイダをAuth0にすることで、World IDを用いた認証管理ができるようになります。

Auth0連携のサンプルアプリはこちらが参考になります。

その他

公式のサインインチュートリアルにあるNext.jsと連携させるNextAuth Templateがあるのですが、Developer Portalでredirect先URLを設定するところでエラーとなり、断念しました。プロトコルがhttpのリダイレクト先は設定できないのかもしれないです。サンプルもあまり更新されていないです。

P.S.

関連記事を貼っておきます。