如何使用云函数的Firebase预录制页面的搜索引擎优化？
Firebase文档的云函数() 这里指出，这可以使用云函数来完成-
预览单页应用程序，以提高SEO。这允许您创建动态元标记，以便在各种社交网络之间共享。
我有两个问题：
- 有人能用一个例子来解释预渲染是如何实现的吗？
- 这是如何与Firebase主机一起工作的？因此，假设我在
xyz.com/salon/43有一个网页，在Firebase托管中，我有一个salon.html，它是响应这个请求提供的。现在，为了能够预录制，我应该从托管到云功能来呈现网页吗？换句话说，我是从 “重写”：{“源”：“/沙龙/*”，“目的地”："/salon.html"} 至 “重写”：{“源”："/salon"，“函数”：“沙龙”}
回答 3
Stack Overflow用户
发布于 2017-10-03 19:18:53
两个任务：-将函数添加到宿主重写中，如示例所示-编写函数以生成html页面
本教程提供了一个很好的示例，下面的函数作为一个较长片段的示例：
const admin = require('firebase-admin');
function buildHtmlWithPost (post) {
const string = '<!DOCTYPE html><head>' \
'<title>' + post.title + ' | Example Website</title>' \
'<meta property="og:title" content="' + post.title + '">' \
'<meta property="twitter:title" content="' + post.title + '">' \
'<link rel="icon" href="https://example.com/favicon.png">' \
'</head><body>' \
'<script>window.location="https://example.com/?post=' + post.id + '";</script>' \
'</body></html>';
return string;
}
module.exports = function(req, res) {
const path = req.path.split('/');
const postId = path[2];
admin.database().ref('/posts').child(postId).once('value').then(snapshot => {
const post = snapshot.val();
post.id = snapshot.key;
const htmlString = buildHtmlWithPost(post);
res.status(200).end(htmlString);
});
};Stack Overflow用户
发布于 2018-07-07 22:00:12
首先，为我糟糕的英语感到抱歉。
在搜索了Deep (开玩笑)之后，我找到了解决方案。最酷的解决方案是，我能够使用云功能将我的先锋Ionic应用程序与Firebase主机集成起来。
在阅读以下主题之后：
https://github.com/firebase/firebase-tools/issues/33
@TheRoccoB用户解释了如何在Firebase中托管静态Web应用程序，并将流量从URL重定向到云函数。
我所做的就是把我必须索引的路线绘制成：
{
"source": "/ shop / **",
"function": "ssr"
},
{
"source": "/ * / promotions / **",
"function": "ssr"
}因为"ssr“是我在云函数中函数的名称。因此，我使用库https://github.com/prerender/prerender-node检查请求是否来自google，以防我将请求重定向到https://github.com/prerender/prerender服务器。
const prerender = express ();
prerender.use (cors);
prerender.use (
require ('prerender-node')
// .set ('prerenderServiceUrl', 'http: // localhost: 3000')
.set ('prerenderToken', '** TOKEN **')
);
prerender.use (require ('prerender-node'). set ('beforeRender', function (req, done) {
// do you need to do?
console.log ('Rendering URL:', req.path);
done ();
}));
prerender.use (require ('prerender-node') set ('afterRender', function (err, req, prerender_res) {
// do you need to do?
console.log (req.path + 'rendering completed!');
console.log ('Errors:', err);
}));
prerender.get ('*', (req, res) => {
console.log ('Calling function for URL:', req.path);
res.set ('Cache-Control', 'public, max-age = 300, s-maxage = 600');
res.status (200) .send (fs.readFileSync ('./ www / index.html'). toString ());
});
exports.ssr = functions.https.onRequest (prerender);https://stackoverflow.com/questions/44301989
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号