Skip to content

ドキュメント

rkdora edited this page May 25, 2020 · 2 revisions

ユーザー

共通

現在操作しているユーザー情報を取得する時

import firebase from 'firebase'

firebase.auth().onAuthStateChanged(user => {
    if (user != null) {
        console.log('Successfully Login');
        // 処理...
    } 
}

認証

ソーシャルログイン(GitHub認証)

GithubAuth.vueで行う処理

  1. ログインボタンを表示する
  2. ログインボタンが押された際、
    1. 初めてのログイン(DBにユーザー情報がない時)
      ユーザーDBに登録する(GitHubのDisplayName, photoURLを取得)。
      もし、DisplayNameが未設定の際は「ななっしー」になる。
      ログイン処理を行う。
    2. 2回目以降のログイン(DBにユーザー情報がある時)
      ログイン処理を行う。
  3. ログアウトボタンを表示する
  4. ログアウトボタンが押された場合、ログアウトする

DB

  • ドキュメントID
firebase.auth().onAuthStateChanged(user => {
    user.uid ← ドキュメントID
});
  • name
  • photoURL

バリデーション

名前入力必須

参考記事

JavaScript による GitHub を使用した認証 - firebase
Vue.js + Firebase + GitHub認証 - rkdora's Blog

イベント

DB

  • title
  • description
  • start
  • end
  • place

バリデーション

  • タイトル必須
  • 終了日時(end)は開始日時(start)以前は選べない
    (終了日時から入力すると、かいくぐれるかも)