Firebaseに入門してみた[0]2019-05-09糖質制限時の食材を調べるapp『carbdb』というAppを開発することにしました。令和になったことだし(便利だなこれw)今までと違う環境をためそうという事でGoogleのFirebaseに入門してみる事にしました。FirebaseでAppを作成Firebaseのサイトに行き、アプリケーションの作成をします。Firestoreはasia-northeast1で良いかな?で、プロジェクトを作成。無事できたっぽいです。cliツールのインストールターミナルに移動し、firebase-toolsをインストールします。--versionでバージョンを確認しておきましょう。記事を書いている時点で6.9.0でした。したら次はログインです。authentication...ブラウザが開くので、ログインして権限をあげます。YOUR_MAIL@example.comと表示されてたら成功です。アプリケーション作成とりあえず最初のinitをします。initすると、「どれ使う予定?」みたいな質問をされるので、必要なものをSpaceで選択し、Enterでinitします。rulesそしたらプロジェクトを選択する画面になりますので、さきほど作成したアプリケーションを選択します。project]その後いろいろ聞かれるので、プロジェクトにあった内容を答えましょう。いっても今回は入門なので、基本はデフォルト=Enterとyesで大丈夫です。complete!と表示されたら成功です。起動してみるinitが終わったので、とりあえずサーバーをたてて確認してみます。serveこんな感じの画面が表示されたら成功です。デプロイしてみるとりあえずデプロイしてみます。project.ん?おこられましたね。project.」と言われているので、Firebaseのコンソールに移動し、メニューの中のDatabaseに行きます。テストモードでデータベースを有効にしてみます。機能が増えているとまた同じエラーが発生すると思うので、「有効になってないよ?」というエラーが出たら、コンソールから有効化してください。https://carbdbapp.firebaseapp.com今回はうまくいったようです。表示されているurlにアクセスすると、さきほどのindex.htmlが表示されています。CirecleCIで自動的にデプロイできるようにしておく手動でデプロイとか面倒すぎるので、GitHubのmasterにcommitがあったら自動ビルド&デプロイするようにしておきます。CIでデプロイする用のTOKENを取得する必要があるので、まずはそれを取得します。login:ciすると、ブラウザが起動してログイン画面が表示されるので、許可してあげます。ターミナルに戻るとトークンが表示されていました。"$FIREBASE_TOKEN"表示されているトークンをCircleCIの環境変数に設定します。masterこんな感じで作成します。無事deployできたみたいです。わからなかったことひとまず自動deployまで行けました。あとはAppをガシガシ書いていく感じになります。hostingというオプションをつけているのでうすが、デプロイする項目は、DatabaseFirestoreFunctionsHostingStorageの5項目あるはず。hostingだけでいいのかなぁと。deployしようとすると、eslintでエラーになる。「ん?」と思ってちょっとググったらhostingだけdeployしていたんですよね。考えたら、databaseに関する3つはNoSQLやKVSだからガシガシmigrationファイルをかく必要もなく、functionを頻繁に書くならそれもdeployに追加すれば良いのか。いうわけで、Firebase入門の第1歩でした。App作っていく時の覚書をポストしたいと思います。