twitter連携のチャットアプリの作成(ログインしていないユーザーでも回覧だけできるようにする) #2

実装したいこと

  • ログインしていないユーザーでも見るだけはできるようにする

修正点

databaseのrulesの書き換え

{
  "rules": {
    ".read": true,
    ".write": false,
    "message": {
      ".write": "auth != null"
    }
  }
}

Vue.jsの修正

認証できているユーザーだけで表示するようにしているので,誰でも表示するようにコードを書き換える

      ref_message.limitToLast(10).on('child_added', this.childAdded)
      // if (user) {
      //   this.chat = []
      //   // message に変更があったときのハンドラを登録
      //   ref_message.limitToLast(10).on('child_added', this.childAdded)
      // } else {
      //   // message に変更があったときのハンドラを解除
      //   ref_message.limitToLast(10).off('child_added', this.childAdded)
      // }

前回

ayousan.hatenablog.com

次回