添加流星链接代码_如何将永久链接添加到流星项目

添加流星链接代码

现代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有条件的条件下，我们将编写语句，一旦