添加流星链接代码
现代Web应用程序没有理由没有永久链接(也称为“漂亮的URL”)。 它们使用户更容易记住,对SEO十分重要,并且在与Meteor一起使用时,非常易于实现。
为了演示如何创建基本的永久链接系统,我们将构建一个准系统博客应用程序。 默认情况下,每个帖子都有一个包含该帖子ID的URL,如下所示: http://localhost:3000/post/pCZLhbwqtGXPdTDMM
。
这是最简单的方法,但是生成的URL不是很好,因此我们将学习如何用自定义值替换该ID。 我们所做的更改将使我们拥有这样的URL: http://localhost:3000/post/hello-world
。
在此过程中,我们还将学习其他一些技巧,这些技巧在使用Meteor构建任何类型的Web应用程序时会派上用场。 如果您想使用本文中创建的代码, 我已经为您创建了一个存储库 。
开始吧!
入门
在新的Meteor项目中,通过运行以下命令安装Iron Router :
meteor add iron:router
对于初学者来说,Iron Router是Meteor开发人员中首选的路由软件包,它使我们能够将模板与URL路径相关联。
例如,我们可以创建一个“ home”模板,如下所示:
<template name="home">
<form>
<input type="text" name="title" placeholder="Title goes here...">
<textarea name="content" placeholder="Entry goes here..."></textarea>
<input type="submit" value="Add Post">
</form>
</template>
然后是此模板的路由,如下所示:
Router.route('/', function(){
this.render('home');
});
完成后,每当我们访问应用程序的根路径时,都会显示“ home”模板的内容。
写文章
要为我们的应用程序存储博客文章,我们需要创建一个“帖子”集合:
var Posts = new Meteor.Collection('posts');
在isClient
有条件的条件下,我们将编写语句,一旦