12,673
回編集
差分
ナビゲーションに移動
検索に移動
→Expressと統合
| [[Google Cloud Platform]] | [[Firebase]] |
==Cloud Functions==
*[[Cloud Functions for Firebase]]
*[https://www.typea.info/blog/index.php/2020/08/02/firebase-cli-google-cloud-functions/ Firebase CLI プロジェクトの Google Cloud Functions へファイルをアップロードして、Google Cloud Storageへ保存するコードをTypeScriptで書く]
*[https://www.typea.info/blog/index.php/category/google-cloud-functions/ Cloud Function関連ブログ]
*[https://www.typea.info/blog/index.php/category/firebase/ Firebase関連ブログ]
===ローカル実行===
*Firebase エミュレータを呼び出す
＊＊package.json で定義された、firebase emulators:start を実行
*https://firebase.google.com/docs/functions/local-emulator
<pre>
$ npm install -g firebase-tools
$ cd functions
$ npm run serve
</pre>
===[[Express]]と統合===
*https://taroosg.io/cloud-functions-express
<pre>
$ npm install --save express
$ npm install --save-dev @types/express
</pre>
*index.ts
<pre>
import * as functions from 'firebase-functions';
import * as express from 'express';
const app: express.Express = express();
const router: express.Router = express.Router()
app.use(router);
router.post('/test', (req, res) => {
res.send('TEST!');
});
export const api = functions.https.onRequest(app);
</pre>
===https.onCall のプロトコル仕様===
*https://firebase.google.com/docs/functions/callable-reference
*呼び出し可能なトリガー エンドポイントへの HTTP リクエストは、次のヘッダーが含まれる POST にする必要があります。
**必須: Content-Type: application/json
**省略可: Authorization: Bearer <token>:リクエストを行うログイン済みユーザーの Firebase Authentication ユーザー ID トークンです。このトークンはバックエンドで自動的に検証され、ハンドラの context で使用可能になります。トークンが有効でない場合、リクエストは拒否されます。
**省略可: Firebase-Instance-ID-Token: <iid>:Firebase クライアント SDK の FCM 登録トークンです。これには文字列を設定する必要があります。またハンドラの context で使用できます。プッシュ通知のターゲティングに使用されます。
===カスタムドメイン===
*https://blog.katsubemakito.net/firebase/cloudfunctions-restfulapi-domain-rewrite
*https://firebase.google.com/docs/hosting/full-config?hl=ja
*https://firebase.google.com/docs/hosting/full-config?hl=ja#rewrites
*[https://firebase.google.com/docs/hosting/full-config?hl=ja#glob_pattern_matching globパターンマッチング]
#Hostingと併用することで対応
#Hostingに対してカスタムドメインを設定
#firebase.json の hosting の rewrite に functions を追加
*Functions
<pre>
import * as functions from 'firebase-functions';
import * as express from 'express';
const app: express.Express = express();
router.get('/api/test', (req, res) => {
res.send('TEST!');
});
export const apiService = functions.https.onRequest(app);
</pre>
*firebase.json
**パスもapi、公開(export)する関数も apiだと、パスにマッチしないため、別の名前にする
<pre>
"hosting": [
{
: 省略
"rewrites": [
{
"source": "/api/**",
"function": "apiService"
},
{
"source": "**",
"destination": "/index.html"
}
]
}
]
</pre>
*実行
[[File:functions_custom_domain.png|400px]]
© 2006 矢木浩人
