https://blog-lampetty-net.web.app/categories/auth0/ Recent content in Auth0 on oinume journal Hugo -- gohugo.io ja Tue, 02 May 2023 08:30:00 +0900 https://blog-lampetty-net.web.app/posts/nextjs-auth0-resolve-login-handler-failed/ Tue, 02 May 2023 08:30:00 +0900 https://blog-lampetty-net.web.app/posts/nextjs-auth0-resolve-login-handler-failed/ <p>Next.js + Auth0で認証機能を実装しようとして、<a href="https://www.npmjs.com/package/@auth0/nextjs-auth0">nextjs-auth0</a>をセットアップしつつ、<a href="https://auth0.com/docs/quickstart/webapp/nextjs/01-login">このドキュメント</a>通りにやっていたら、<code>AUTH0_ISSUER_BASE_URL</code> の設定を間違えていて以下のエラーが出ていた。</p> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-fallback" data-lang="fallback"><span class="line"><span class="cl">LoginHandlerError: Login handler failed. CAUSE: Discovery requests failing for http://localhost:3000, expected 200 OK, got: 404 Not Found </span></span></code></pre></div><p>上のauth0のドキュメントでは <code>AUTH0_ISSUER_BASE_URL='https://{yourDomain}'</code> との記述だったので、<a href="http://localhost:3000">http://localhost:3000</a>を指定したのだけど、どうやらこれは<code>https://YOUR_AUTH0_DOMAIN.auth0.com</code>を記述するのが正しいらしい。というわけでAuth0の該当アプリケーションのページから<code>Domain</code>の部分をコピーしてきて<code>https://oinume.us.auth0.com</code>のように指定すればOK。というか<a href="https://www.npmjs.com/package/@auth0/nextjs-auth0">nextjs-auth0</a>にはそのように記載されていたのではじめからこっちを読んでおけばよかった...</p>