質問編集履歴
3
タイトル変更
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
|
1
|
+
firebase functionsが機能しない原因はなんでしょうか?
|
test
CHANGED
@@ -18,6 +18,8 @@
|
|
18
18
|
|
19
19
|
今は、想定のURL(.../result/:id)に手打ちでアクセスしてもメタタグが確認できない(Chromeの検証)状況です。
|
20
20
|
|
21
|
+
コンソールにエラーは出ません。
|
22
|
+
|
21
23
|
|
22
24
|
|
23
25
|
また、私のシステムでは"/s/:id"にページ遷移するようにしています。
|
2
タイトル、本文の変更
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
【firebase・VueJS】
|
1
|
+
【firebase・VueJS】functionが機能しない原因はなんでしょうか?
|
test
CHANGED
@@ -8,21 +8,29 @@
|
|
8
8
|
|
9
9
|
|
10
10
|
|
11
|
-
functionでサーバーサイドの代わりをし、OGP画像のメタタグを返したいのですがうまくいきません。
|
12
|
-
|
13
|
-
今は、想定のURL(.../result/{uuid})にアクセスしてもメタタグが確認できない(Chromeの検証)状況です。
|
14
|
-
|
15
|
-
|
16
|
-
|
17
11
|
以下を参考にしています。
|
18
12
|
|
19
13
|
[「Vue.jsとFirebaseでOGP画像生成系のサービスを爆速で作ろう」を実際に作ってみる](https://qiita.com/taishikato/items/6cbcdc8fe5103084c737#_reference-db09ddce118b061753dd)
|
20
14
|
|
21
15
|
|
22
16
|
|
17
|
+
functionで動的に<head>を書き換えたいのですがうまくいきません。
|
18
|
+
|
19
|
+
今は、想定のURL(.../result/:id)に手打ちでアクセスしてもメタタグが確認できない(Chromeの検証)状況です。
|
20
|
+
|
21
|
+
|
22
|
+
|
23
|
+
また、私のシステムでは"/s/:id"にページ遷移するようにしています。
|
24
|
+
|
25
|
+
その際functions"s"が呼び出され、"/result/:id"に飛ばしてくれるはずですが、うまく機能しません。
|
26
|
+
|
27
|
+
|
28
|
+
|
29
|
+
|
30
|
+
|
31
|
+
|
32
|
+
|
23
|
-
|
33
|
+
できない原因は何が考えられるのでしょうか?
|
24
|
-
|
25
|
-
お願いします!
|
26
34
|
|
27
35
|
|
28
36
|
|
@@ -132,11 +140,11 @@
|
|
132
140
|
|
133
141
|
<body>
|
134
142
|
|
135
|
-
|
143
|
+
<script>
|
136
|
-
|
144
|
+
|
137
|
-
location.href = '
|
145
|
+
location.href = '/result/${id}';
|
138
|
-
|
146
|
+
|
139
|
-
|
147
|
+
</script>
|
140
148
|
|
141
149
|
</body>
|
142
150
|
|
@@ -146,16 +154,22 @@
|
|
146
154
|
|
147
155
|
|
148
156
|
|
149
|
-
app.get("
|
157
|
+
app.get("s/:id", (req, res) => {
|
158
|
+
|
159
|
+
const id = req.params.id;
|
160
|
+
|
161
|
+
// eslint-disable-next-line promise/catch-or-return
|
150
162
|
|
151
163
|
db.collection("cards")
|
152
164
|
|
153
|
-
.
|
165
|
+
.doc(id)
|
154
166
|
|
155
167
|
.get()
|
156
168
|
|
157
169
|
.then(result => {
|
158
170
|
|
171
|
+
// eslint-disable-next-line promise/always-return
|
172
|
+
|
159
173
|
if (!result.exists) {
|
160
174
|
|
161
175
|
res.status(404).send("404 Not Exist");
|
@@ -164,7 +178,7 @@
|
|
164
178
|
|
165
179
|
const data = result.data();
|
166
180
|
|
167
|
-
const html = genHtml(data.imageurl
|
181
|
+
const html = genHtml(data.imageurl);
|
168
182
|
|
169
183
|
res.set("cache-control", "public, max-age=600, s-maxage=600");
|
170
184
|
|
@@ -178,6 +192,8 @@
|
|
178
192
|
|
179
193
|
exports.s = functions.https.onRequest(app);
|
180
194
|
|
195
|
+
|
196
|
+
|
181
197
|
```
|
182
198
|
|
183
199
|
```
|
1
タイトルの変更
test
CHANGED
@@ -1 +1 @@
|
|
1
|
-
【firebase・VueJS】OGP画像
|
1
|
+
【firebase・VueJS】OGP画像の設定がうまくいかない理由を教えてください
|
test
CHANGED
File without changes
|