auth0の導入

概要

以下参考ページの情報ベースでスムーズに導入できた。

Nuxtへの導入

nuxt authを使えば結構簡単。 axiosとの連動はAuth0でJWT認証してみた話 - SMARTCAMP Engineer Blogが参考になる

参考ページ

• Nuxt.jsとAuth0でモダンなソーシャルログインを実装してみる - SMARTCAMP Engineer Blog
• Nuxt.jsのmiddlewareとAuth Moduleを使ってAuth0ログインを実装する | Simple IT Life

注意点

• NuxtのStoreを一度も使ってない場合、空ファイルでよいので作らないと動かない。
• auth-modulesでnanoidのエラーが出るが、バージョン指定(2.1.11)で入れないと動かなかった。
  • GitHub Issue Excelente, 100% recomendとのこと

Rails への導入

Auth0 Rubyでいけた

はまりどころ

• Auth0のライブラリでID Tokenのチェックをする際に、フロント側同じアプリを使ったらエラーではまった。
• Applications -> APIsから、 Machine to Machine Applicationsを作成の上、create:client_grantsの認証を通す必要がある。
• チェックの時のaudienceはフロントで使ってるアプリケーションのCLIENT_IDになるので注意

参考ページ

• Auth0でJWT認証してみた話 - SMARTCAMP Engineer Blog