Firebaseで簡単に無料でサイトを公開する
下記のサイトを参考にさせていただき、Firebaseでサイトの公開を試してみました。
必要な環境
- Ubunt18で検証
- Googleアカウント
- Firebaseのプロジェクトを用意
Firebase CLIの確認
以前、Firebase CLIはインストールしていました。しかし、バージョンが古いと言われたので、アップデートします。
$ firebase login
Already logged in as hogehoge@gmail.com
Update available 3.18.0 → 6.1.1
Run npm i -g firebase-tools to update
$ npm i -g firebase-tools
ローカルマシンの任意のディレクトリで、プロジェクトを初期化します。Firebase projectは、どこに作るかをたずねられますので、事前に作成しておいたFirebase projectを選択します。
$ firebase init
######## #### ######## ######## ######## ### ###### ########
## ## ## ## ## ## ## ## ## ## ##
###### ## ######## ###### ######## ######### ###### ######
## ## ## ## ## ## ## ## ## ## ##
## #### ## ## ######## ######## ## ## ###### ########
You're about to initialize a Firebase project in this directory:
/home/ariki/program/firebase/vivoApp
? Which Firebase CLI features do you want to setup for this folder? Press Space to s
elect features, then Enter to confirm your choices. Hosting: Configure and deploy Fi
rebase Hosting sites
=== Project Setup
First, let's associate this project directory with a Firebase project.
You can create multiple project aliases by running firebase use --add,
but for now we'll just set up a default project.
? Select a default Firebase project for this directory: vivo-firebase (vivo-firebase
)
i Using project vivo-firebase (vivo-firebase)
=== Hosting Setup
Your public directory is the folder (relative to your project directory) that
will contain Hosting assets to be uploaded with firebase deploy. If you
have a build process for your assets, use your build's output directory.
? What do you want to use as your public directory? public
? Configure as a single-page app (rewrite all urls to /index.html)? No
✔ Wrote public/404.html
✔ Wrote public/index.html
i Writing configuration info to firebase.json...
i Writing project information to .firebaserc...
i Writing gitignore file to .gitignore...
✔ Firebase initialization complete!
ローカルにできたプロジェクトフォルダ内の public/index.html を少し編集して、deployします。
$ firebase deploy
=== Deploying to 'vivo-firebase'...
i deploying hosting
i hosting[vivo-firebase]: beginning deploy...
i hosting[vivo-firebase]: found 2 files in public
✔ hosting[vivo-firebase]: file upload complete
i hosting[vivo-firebase]: finalizing version...
✔ hosting[vivo-firebase]: version finalized
i hosting[vivo-firebase]: releasing new version...
✔ hosting[vivo-firebase]: release complete
✔ Deploy complete!
Project Console: https://console.firebase.google.com/project/vivo-firebase/overview
Hosting URL: https://vivo-firebase.firebaseapp.com
サイトが公開されました。
https://vivo-firebase.firebaseapp.com
About the author and the blog
Masayuki Ariki is a Hobby Programmer and an not enthusiastic blogger, curious about any Python modules, Deep learning, and the web. More...