13.vue.jsとfirebaseで認証つきボイスレコーダー:index.html
差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン | ||
13.vue.jsとfirebaseで認証つきボイスレコーダー:index.html [2019/01/10] – [Codesandboxで新規Vue.jsアプリの作成] adash333 | 13.vue.jsとfirebaseで認証つきボイスレコーダー:index.html [2019/05/11] (現在) – [方針をたてる] adash333 | ||
---|---|---|---|
行 34: | 行 34: | ||
{{: | {{: | ||
- | デモサイト | + | デモサイト1 (Firebase認証を用いる場合は、デプロイ先のアドレスを、FirebaseのAuthenticationで『認証済みドメイン』に登録する必要があります。) |
+ | https:// | ||
+ | |||
+ | デモサイト2 | ||
+ | https:// | ||
< | < | ||
<iframe src=" | <iframe src=" | ||
行 94: | 行 99: | ||
これは、Firestore内の、/ | これは、Firestore内の、/ | ||
+ | |||
+ | この後、さらに以下のように変更しました。 | ||
+ | < | ||
+ | service cloud.firestore { | ||
+ | match / | ||
+ | match / | ||
+ | allow read, write: if request.auth.uid == user_id; | ||
+ | } | ||
+ | match / | ||
+ | allow read, write: if request.auth.uid == user_id; | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | </ | ||
+ | {{: | ||
===== FirebaseでGoogle認証の有効化とドメイン追加 ===== | ===== FirebaseでGoogle認証の有効化とドメイン追加 ===== | ||
行 201: | 行 221: | ||
{{: | {{: | ||
+ | (作成中、、、) | ||
+ | ===== 実行してみる ===== | ||
+ | {{: | ||
+ | {{: | ||
- | 参考:https://exhikkii.hatenablog.com/ | + | {{:13.vue.jsとfirebaseで認証つきボイスレコーダー: |
- | 2018-08-07 | + | うまくいっているようです。必ずしも音声入力しなくても、普通のメモとしても利用できます。 |
- | Vueでloading indicatorを実装する | + | |
+ | ===== ソースコード ===== | ||
+ | ソースコード | ||
- | ===== 新規Vue.jsアプリの作成と、前回の部分までのコードをコピペ ===== | + | https:// |
- | 前回の<wrap hi>[[12.vue.jsとwebspeechapiで音声認識アプリ:|12.vue.jsとwebspeechapiで音声認識アプリ:]]</wrap>までのコードをコピペします。 | + | できたもの |
+ | {{:13.vue.jsとfirebaseで認証つきボイスレコーダー:pasted: | ||
+ | |||
+ | デモサイト | ||
+ | https:// | ||
+ | |||
+ | |||
+ | |||
+ | < | ||
+ | <iframe src=" | ||
+ | </html> | ||
- | 作成中 | + | ===== 気になること ===== |
+ | 前回の< | ||
===== 今回写経した本 ===== | ===== 今回写経した本 ===== | ||
Vue.js初めての方に非常にお勧めです。読みながら手を動かしてアプリが動くことを実感できて楽しいです。 | Vue.js初めての方に非常にお勧めです。読みながら手を動かしてアプリが動くことを実感できて楽しいです。 |
13.vue.jsとfirebaseで認証つきボイスレコーダー/index.html.1547081762.txt.gz · 最終更新: 2019/01/10 by adash333