目次
ウェブアプリを練習で作りたくなったのでtodoアプリを作ってデプロイした。
手順などを記録しておく。
開発環境
macOS
firebase cli のインストール
npm install -g firebase-tools
多分yarn add でも可
todo list の作成
vueとjavascriptについてはまだあんまり理解していない。
公式サイトの作例をもとに多少改造した。
firebase でローカルでテスト
firebase init
firebase login
firebase serve --only hosting
表示されたリンクをブラウザで開いてチェックする。
firebase でデプロイ
firebase deploy
表示されたリンクにアクセスして、挙動を確認する。
以下今後の課題
todo実装
- ログインの実装
ログイン状態の保存がよくわからん。ログインページを挿入するといいのか？
https://github.com/firebase/firebaseui-web
ログインまではできるけど、リダイレクトした後にログアウトする？？
- ログインユーザー毎に専用のtodo リストが表示されるようにする
これはuse.uidで区別するような記述をすればできそう。
-
ページのルーティング
-
vueの書き方をもうちょい調べる
参考資料
- https://qiita.com/potato4d/items/cfddeb8732fec63cb29c#%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%AE%E5%88%9D%E6%9C%9F%E5%8C%96
- https://cr-vue.mio3io.com/tutorials/todo.html#%E5%AE%8C%E6%88%90%E5%BD%A2
- https://jp.vuejs.org/v2/examples/todomvc.html