「Gcp/Firebase/Hosting」の版間の差分
提供: 初心者エンジニアの簡易メモ
行2: | 行2: | ||
$ npm install -g firebase-tools | $ npm install -g firebase-tools | ||
$ firebase login | $ firebase login | ||
− | $ firebase init | + | $ firebase init hosting |
$ firebase deploy | $ firebase deploy | ||
2019年6月20日 (木) 14:59時点における版
目次
hostingコード作成から反映
$ npm install -g firebase-tools $ firebase login $ firebase init hosting $ firebase deploy
hostingを選択してspaceを押す
Must select at least one feature. Use SPACEBAR to select features, or provide a feature with firebase init [feature_name]エラー
spaceを押して選択する
httpアクセス
ttps://xxxx-xxxxxx.firebaseapp.com/
public/index.html がそのまま公開される
firebaseのfunctionsと連携
vi firebase.json
{ "hosting": { "public": "public", "ignore": [ "firebase.json", "**/.*", "**/node_modules/**" ], "rewrites": [ { "source": "/helloWorld", "function": "helloWorld" } ] } }
ttps://xxxx-xxxxxx.firebaseapp.com/helloWorld にアクセスすると、 functionsのhelloWorldメソッドにアクセスできる
ドメインつなぎ込み
- firebase/hostingのドメインを接続 ボタンを押す
- 設定したいdomain入力
- 以下のようなドメイン設定のためのTXTの値が出る
google-site-verification=12341234xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
- TXTをドメインに登録する
- 設定後firebaseのドメイン接続で確認ボタンを押す
- 確認が取れたら、Aレコードが2つ表示されるので、それを再度登録。
Aレコードでつなげれば、24時間以内にssl(let'sEncrypt)が対応された。CNAMEだとだめ