Skip to main content

Auth0

Auth0 の設定

  • テナントを作成する

テナントの作成

  • Tenant Domain: テナント名を入力する
    • ここでは、bdash-sourcesを入力する
  • Create ボタンを押す
  • I am a new Auth0 user にチェック →Get Started
  • Regular Web App→Next.js→Continue
  • Configure your Login Box はデフォルトのままで OK→Continue
  • Try Login ボタンを押す → タブを閉じて戻って来る →Continue
  • DOWNLOAD SAMPLE APP を押す →I Am Ready To Use Auth0

Application の設定

  • 左のメニューから Applications を選択
  • Default App を選択
  • この情報を元に、.env.local の以下の項目を埋める.

Auth0の設定

# Auth0
AUTH0_SECRET=please generate by using command `node -e "console.log(crypto.randomBytes(32).toString('hex'))"`
AUTH0_ISSUER_BASE_URL=https://AUTH0-DOMAIN
AUTH0_CLIENT_ID=AUTH0-CLIENT-ID
AUTH0_CLIENT_SECRET=AUTH0-CLIENT-SECRET

ただし、AUTH0_SECRET は、node -e "console.log(crypto.randomBytes(32).toString('hex'))"コマンドを実行し、生成した値を設定する.

例:(以下の場合、d0b3a4e6de2b41d8c074cf7f15eb440fbed1ff80d29cdb3921ac28a5af80c8fa を設定する)

 ✝  repos/bdash/bdash-sources   BDAS-46-Auth0±  node -e "console.log(crypto.randomBytes(32).toString('hex'))"

d0b3a4e6de2b41d8c074cf7f15eb440fbed1ff80d29cdb3921ac28a5af80c8fa
  • Allowed Callback URLs に http://localhost:3000/api/auth/callback を入力
  • Allowed Logout URLs に http://localhost:3000 を入力
  • Save Changes を押す