サルでもわかるWEBプログラミング

フリーソフトのみでホームページ作成

ユーザ用ツール

サイト用ツール


08.googleアカウントでのログイン機能:index.html


差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
08.googleアカウントでのログイン機能:index.html [2018/12/16] – [CodeSandboxでVue.jsアプリを作成] adash33308.googleアカウントでのログイン機能:index.html [2018/12/19] (現在) – [方針をたてる] adash333
行 1: 行 1:
-====== 08.Vue.jsとfirebaseでGoogleアカウントでのログイン機能を実装 ======+===== 08.Vue.jsとfirebaseでGoogleアカウントでのログイン機能を実装 =====
  
 Googleログイン機能を試してみたいと思います。 Googleログイン機能を試してみたいと思います。
  
-Googleアカウント +Googleログイン機能は、Googleアカウントを持っている人であれば、誰でもそのプリにログイすることができるような機能です。
-GitHubカウ+
  
 +あらかじめ、管理者が指定した人のみがログインできるような機能は、
 +  -「Authentication」>「ログイン方法」で、「メール/パスワード」を有効にしたのち、
 +  -「Authentication」>「ユーザー」で、「ユーザーを追加」から、特定のメールとパスワードを入力して登録
 +することにより、可能だと思われますが、次回以降、説明してみたいと思います。
  
 <wrap hi>ポイント</wrap>:CodesandboxでFirebase認証を行う場合は、Firebaseで、 <wrap hi>ポイント</wrap>:CodesandboxでFirebase認証を行う場合は、Firebaseで、
行 11: 行 14:
 Authentication > ルール > ドメインの追加 Authentication > ルール > ドメインの追加
  
-で、承認済みドメインに、codesandbox.io を追加する必要があります。\\ +で、承認済みドメインに、codesandbox.io を追加する必要があります。 
-(デフォルトでは、localhostと、そのfirebaseアプリのドメインが承認済みになっています。)+ 
 +デフォルトでは、localhostと、そのfirebaseアプリのドメインが承認済みになっています。 
 + 
 +<wrap hi>CodeSandbox、now、やNetlifyなどでアプリを公開する場合は、firebaseアプリの設定でドメイン追加を忘れないようにする</wrap>必要がありあます。
  
  
行 39: 行 45:
  
 これから作るもの これから作るもの
 +
 +http://i-doctor.sakura.ne.jp/web/doku.php?id=z_blog:2018:index.html
 +
 +http://i-doctor.sakura.ne.jp/web/doku.php?id=z_blog:2018:181216_vue-firebase-miniweb2
  
 <html> <html>
行 150: 行 160:
   -Vue をクリック   -Vue をクリック
   -index.htmlの編集   -index.htmlの編集
 +
 +<html>
 +<script src="https://gist.github.com/adash333/4934d21f16889b871cbc9c2872611d5e.js"></script>
 +</html>
  
  
行 156: 行 170:
 https://gist.github.com/mickaelandrieu/a66bdf031a3c5fa4caf301504f018904 https://gist.github.com/mickaelandrieu/a66bdf031a3c5fa4caf301504f018904
  
 +途中
 ===== リンク ===== ===== リンク =====
 https://firebase.google.com/docs/web/setup https://firebase.google.com/docs/web/setup


08.googleアカウントでのログイン機能/index.html.1544942845.txt.gz · 最終更新: 2018/12/16 by adash333

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki