「Gcp/Firebase/Hosting」の版間の差分
提供: 初心者エンジニアの簡易メモ
(ページの作成:「 $ npm install -g firebase-tools $ firebase login $ firebase init $ firebase deploy」) |
(→httpsドメインつなぎ込み) |
||
| (同じ利用者による、間の17版が非表示) | |||
| 行1: | 行1: | ||
| + | ==hostingコード作成から反映== | ||
$ npm install -g firebase-tools | $ npm install -g firebase-tools | ||
$ firebase login | $ firebase login | ||
| − | $ firebase init | + | $ firebase init hosting |
$ firebase deploy | $ firebase deploy | ||
| + | |||
| + | hostingを選択してspaceを押す | ||
| + | |||
| + | ===hostingだけdeploy=== | ||
| + | $ firebase deploy --only hosting | ||
| + | |||
| + | ==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 | ||
| + | <pre> | ||
| + | { | ||
| + | "hosting": { | ||
| + | "public": "public", | ||
| + | "ignore": [ | ||
| + | "firebase.json", | ||
| + | "**/.*", | ||
| + | "**/node_modules/**" | ||
| + | ], | ||
| + | "rewrites": [ { | ||
| + | "source": "/helloWorld", "function": "helloWorld" | ||
| + | } ] | ||
| + | } | ||
| + | } | ||
| + | </pre> | ||
| + | ttps://xxxx-xxxxxx.firebaseapp.com/helloWorld にアクセスすると、 | ||
| + | functionsのhelloWorldメソッドにアクセスできる | ||
| + | |||
| + | ==httpsドメインつなぎ込み== | ||
| + | #firebase/hostingのドメインを接続 ボタンを押す | ||
| + | #設定したいdomain入力 | ||
| + | #以下のようなドメイン設定のためのTXTの値が出る | ||
| + | google-site-verification=12341234xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx | ||
| + | #TXTをドメインに登録する | ||
| + | #設定後firebaseのドメイン接続で確認ボタンを押す | ||
| + | #確認が取れたら、Aレコードが２つ表示されるので、それを再度登録。 | ||
| + | |||
| + | Aレコードでつなげれば、24時間以内にssl(let'sEncrypt)が対応された。CNAMEだとだめ | ||
| + | |||
| + | ==api情報も上がるので注意== | ||
| + | ttp://[ドメイン]/__/firebase/init.json | ||
| + | |||
| + | ==料金== | ||
| + | ===無料 Spark プラン=== | ||
| + | *GB 保存済み 1 GB | ||
| + | *GB 転送済み 10 GB/月 | ||
| + | |||
| + | ===$25/月 Flame プラン=== | ||
| + | *GB 保存済み 10 GB | ||
| + | *GB 転送済み 50 GB/月 | ||
| + | |||
| + | ===従量制 Blaze プラン=== | ||
| + | *GB 保存済み $0.026/GB | ||
| + | *GB 転送済み $0.15/GB | ||
2023年2月24日 (金) 14:30時点における最新版
目次
hostingコード作成から反映
$ npm install -g firebase-tools $ firebase login $ firebase init hosting $ firebase deploy
hostingを選択してspaceを押す
hostingだけdeploy
$ firebase deploy --only hosting
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メソッドにアクセスできる
httpsドメインつなぎ込み
- firebase/hostingのドメインを接続 ボタンを押す
- 設定したいdomain入力
- 以下のようなドメイン設定のためのTXTの値が出る
google-site-verification=12341234xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
- TXTをドメインに登録する
- 設定後firebaseのドメイン接続で確認ボタンを押す
- 確認が取れたら、Aレコードが２つ表示されるので、それを再度登録。
Aレコードでつなげれば、24時間以内にssl(let'sEncrypt)が対応された。CNAMEだとだめ
api情報も上がるので注意
ttp://[ドメイン]/__/firebase/init.json
料金
無料 Spark プラン
- GB 保存済み 1 GB
- GB 転送済み 10 GB/月
$25/月 Flame プラン
- GB 保存済み 10 GB
- GB 転送済み 50 GB/月
従量制 Blaze プラン
- GB 保存済み $0.026/GB
- GB 転送済み $0.15/GB
