13
12

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 5 years have passed since last update.

Nuxt.js + Auth0 + Spring Boot で作る認証付きSPA 【 vol.1 Auth0 登録編 】

Last updated at Posted at 2018-06-21

前回で概要に触れましたので、実際に作っていくことにします。

*記事をかきあげたところで 、ずっと丁寧でわかりやすい以下を発見...orz 
以下をご参照することをオススメします。
クラウド認証サービス Auth0 の無料トライアルを試してみよう
*これは個人的な備忘録です。

Auth0って?

認証プラットフォーム Auth0 とは?
Auth0 Overview

Auth0を利用する準備

まずは使ってみる。
https://auth0.com/jp/
無料トライアルをクリック

スクリーンショット 2018-06-21 12.08.50.png

SIGN UP WITH GOOGLEをクリック

スクリーンショット 2018-06-21 15.24.28.png

アカウントを選択したら....

スクリーンショット 2018-06-20 17.43.43.png

TENANTとREGIONを決める。今回は以下の通り設定しました。
TENANT : mijinco-nuxt
REGION : US

スクリーンショット 2018-06-21 15.39.47.png

Dashboardが表示されます。
Applicationsをクリックして...

スクリーンショット 2018-06-20 17.27.11.png

+NEW APPLICATIONをクリック

スクリーンショット 2018-06-20 17.30.13.png

以下のように設定します
NAME : Nuxt
Choose an application type : Single Page Web Applications

スクリーンショット 2018-06-20 17.31.37.png

先程作成したApplicationが表示されていますね

スクリーンショット 2018-06-20 17.30.13 のコピー.png

Connections > Social を選択

スクリーンショット 2018-06-21 16.40.35.png

GoogleがデフォルトでONになっている TRYクリックしてみる。

スクリーンショット 2018-06-20 17.32.58.png

アカウントの選択を行って

スクリーンショット 2018-06-20 17.43.43.png

認証できました!

スクリーンショット 2018-06-20 17.44.21.png

次回はNuxtとの連携おこないます

13
12
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
13
12

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?