読者です 読者をやめる 読者になる 読者になる

【開発】Firebaseで無料でWEBページを公開する

 

最近人気沸騰中の「Firebase

 

そのFirebaseで無料でWEBページを公開する方法です。

 

使用するコマンドは以下のみです。

(Windowsコマンドプロンプトで作業します)

①npm install -g firebase-tools  ※firebaseの管理ツール
②firebase login                         ※ログイン
③firebase init                            ※プロジェクトの初期化
④firebase deploy                      ※デプロイ

 

使用するコマンドについては、Firebaseのサイトで教えてくれます。

 

f:id:stanleyblenz:20161023173531p:plain

  f:id:stanleyblenz:20161023173629p:plain 

 

 

①npm install -g firebase-tools  ※firebaseの管理ツールのインストール

 

------------------------------------------------------------------------------------------------------

②firebase login                 ※ログイン

 Firebaseのサイトが開設するので指示に従ってログインする。

 

------------------------------------------------------------------------------------------------------

③firebase init                  ※プロジェクトの初期化

 好きな場所にフォルダを作成後、そのディレクトリに移動しコマンドを実行

 DatabaseとHosting を選択を聞かれるので、Hosting を選択

 ・firebase.json

 ・.firebaserc

 ・public/index.html

 が作成されます。

 

? What do you want to use as your public directory? public

 ⇒ public   を入力しEnter

? Configure as a single-page app (rewrite all urls to /index.html)? Yes

   ⇒ index.html    を入力しEnter

↑公開するサイトのルートをしている

 

この後デプロイしますが、index.html  を開き、内容を書き換えてみます。

「Hello World」としておきます。

 

------------------------------------------------------------------------------------------------------

④firebase deploy  ※デプロイ

プロジェクトを聞かれるので、今回作成したプロジェクトを指定する。

プロジェクト名は「.firebaserc」に記述されています。

 

以上でデプロイは完了です。

公開が完了しています!

------------------------------------------------------------------------------------------------------

では、公開したサイトをみてみます。

作成したプロジェクトが表示されているので選択します。

 

f:id:stanleyblenz:20161023205832p:plain

 

 

ちゃんと表示されました!

f:id:stanleyblenz:20161023175456p:plain