自动为Nuxt VueJs Firestore App生成动态Sitemap.xml

时间:2018-12-14 09:34:31

标签: firebase vue.js google-cloud-firestore sitemap nuxt.js

我有一个类似于Stackoverflow的网站,用户可以在其中创建帖子(或问题),该帖子具有其自己的URL,应进行SEO优化。因此,我需要在SiteMap.xml中包含这些动态页面。我想找到一种自动方法,在最初创建时将每个动态网址插入到我的站点地图中。

希望不要重新发明轮子,我发现sitemap-module用于nuxt,但是它们用于动态页面的示例是静态编写的,因此不确定这样做有什么用。

即使在概念化如何设置以及当前基础架构可能实现的方面,我也很难。 Firestore功能可以更新源代码并重新部署,还是有任何Firestore托管功能可提供帮助?我可以/应该将cron作业设置为每晚运行,以便首先运行脚本来查询Firestore并更新本地计算机上的站点地图文件,然后从命令行自动将其部署到Firestore吗?有脚本示例吗?

使用的技术:VueJS,Node.js,Nuxt / SSR,Firestore(数据库和托管)和Express

1 个答案:

答案 0 :(得分:0)

这就是我的方法。希望这可以帮助。如果您设法获得其他解决方案,请分享。 我使用了https://docs.microsoft.com/en-us/visualstudio/debugger/debugger-feature-tour?view=vs-2017 在nuxt.config.js

`var routes = []
var allUsers = [{'username': 'username'}] // Getting users as an Array
for (var i = 0; i < allUsers.length; i++) {
  routeObject = {
    'url': '/profile/' + allUsers[i].username
  }
  routes.push(routeObject);
}
module.exports = {
  sitemap: {
    path: '/sitemap.xml',
    hostname: 'Your hostname here',
    cacheTime: 1000 * 60 * 15,
    gzip: true,
    generate: false, 
    routes: routes
  }
}`