使ってWebアプリを作ってみる:インストール編2019-01-09Firebaseはじめました。こんにちは、みみです。新年なので新しいことを始めたくなる病を発症。合わせてちょっくらWebアプリを作ってみることに。FirebaseとはとかNuxtとはとかは、そういう記事がわんさかあるので飛ばして、インストール方法からメモしておきます。これに書いているとおりにやれば大丈夫です。スポンサーリンクNuxt.jsをインストールまずはNuxt.jsをインストールしておきましょう。ディレクトリの構成の正解がよくわからないけれど、とりあえずFirebaseの一個下にNuxtを入れてみています。Firebaseをアプリに紐付けるFirebaseコンソールから新しいプロジェクトを作成。Headerに読み込む代わりに、教科書のNODE.JSのタブのほうを参照。Nuxtではplugins/firebase.jsとか作って以下のように書きます。追加」のスニペットでAPI_KEYとPROJECT_ID、DATABASE_NAME、BUCKETなどを確認してコピペしてきます。Authを使いたかったのでこれを真似しましたが使わない場合はif文要らないかな?Firebaseのインストール以上でもうFirebaseを利用できるはず。ファイルシステムからではなく、サーバーから提供されている必要があります。CLIをインストールします。グローバルにインストール。必要な人はsudoを。initの前にloginが必要って言われるので、loginしましょう。ACOUNTという感じで、Firebaseが匿名でCLIの使用状況やエラー報告の情報を収集するのを許可しますか?て聞かれるのでY/nで答えて認証画面(ブラウザに飛ぶ)に進みます。認証が終わればlogin完了。インタラクティブモードで聞かれるので答えると、firebase.json、.firebasercなどが作成されていきます。serveで、ローカルサーバーが立ち上がります。先のインタラクティブモードでエンター連打したりしているとNuxt.jsの方にならないので、対象ディレクトリを変更します。publicを該当のNuxtのdistディレクトリに書き換えましょう。}}これで、も一回serveするとNuxt.jsのトップページが出ると思います。おまけ:Firebaseでホストついでにデプロイもお試ししてみましょう。