質問編集履歴

3

タイトル変更

2019/10/11 00:27

投稿

kon124
kon124

スコア9

test CHANGED
@@ -1 +1 @@
1
- firebase・VueJS】functionが機能しない原因はなんでしょうか?
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

タイトル、本文の変更

2019/10/11 00:27

投稿

kon124
kon124

スコア9

test CHANGED
@@ -1 +1 @@
1
- 【firebase・VueJS】OGP画像の設定がうまくいない理由を教えてください
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
- <script>
143
+ <script>
136
-
144
+
137
- location.href = '${tw_site}/result/${id}';
145
+ location.href = '/result/${id}';
138
-
146
+
139
- </script>
147
+ </script>
140
148
 
141
149
  </body>
142
150
 
@@ -146,16 +154,22 @@
146
154
 
147
155
 
148
156
 
149
- app.get("/s/:id", (req, res) => {
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
- .where("id", "==", req.params.id)
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, req.params.id);
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

タイトルの変更

2019/10/11 00:24

投稿

kon124
kon124

スコア9

test CHANGED
@@ -1 +1 @@
1
- 【firebase・VueJS】OGP画像生成がうまくいかない理由を教えてください
1
+ 【firebase・VueJS】OGP画像の設定がうまくいかない理由を教えてください
test CHANGED
File without changes