Meteor本身并没有好的路由使用规则,还好有比较好用的第三方Package使用。Iron.Router就是一个比较好的Meteor的路由框架,提供了Client 和 Server的路由设置,还可以用来开发restful风格的api。

安装Iron.Router

直接cd到项目目录使用安装命令:

meteor add iron:router

Changes to your project's package version selections:

iron:controller        added, version 1.0.12
iron:core              added, version 1.0.11
iron:dynamic-template  added, version 1.0.12
iron:layout            added, version 1.0.12
iron:location          added, version 1.0.11
iron:middleware-stack  added, version 1.0.11
iron:router            added, version 1.0.12
iron:url               added, version 1.0.11


iron:router: Routing specifically designed for Meteor

可以看到安装的详细内容。
可以使用命令直接更新Iron.Router

meteor update iron:router

使用Iron.Router

我们知道使用meteor create meteor-project的命令创建的项目会默认生成三个文件.meteor-project.html,meteor-project.css,meteor-project.js安装Iron.Router之后,运行项目会发现,页面展示错误提示内容:

Organize your Meteor application.
Router.route('/', function () {
  this.render('Home', {
    data: function () { return Items.findOne({_id: this.params._id}); }
  });
});
        

我们默认生成的文件运行之后和Iron.Router规则有冲突,这个提醒的意思是我们还没有设置一个"/"的路由规则,我们需要设置路由规则,但是首先要先将meteor默认生成的文件删除。

使用Iron.Router

添加head.html

Iron.router需要设置一个head.html

<head>
    <meta charset="UTF-8">
    <title>Iron-router</title>
</head>

查看网页源代码可以看到head里面多了个title:
图片描述

设置"/"页面

新建一个home.html页面

<template name="home">
    <h1>I am home</h1>
</template>

router.js

新建一个router.js文件。添加一个路由规则:

Router.route('/', function () {
    this.render('home');
});

这段代码的意思是在主目录('/')下,我们指定访问名字为home的template。
现在页面就可以正常的现在home.html的内容了。

简化写法

新建一个content.html。

<template name="content">
    <h2>I am content</h2>
</template>

增加一条路由规则:

Router.route('/content');

这个规则的会自动的指定名字叫做content的template或者页面,这样简单的写法,让你不用再实现后面function的内容,简化了代码,约定大于配置

REST

大多数据的网站都需要支持REST风格的API,Iron.Router不仅仅能够对Meteor的内容做路由,还能增加REST风格的Api。
添加一条router规则:

Router.route('/content/:_id', function () {
    var req = this.request;
    var res = this.response;
    res.end('this is string');
}, {where: 'server'});

where:'server'用来告诉Rotuer这个是服务器端的路由规则.
使用curl看下结果:

curl 'http://localhost:3000/content/1'

返回的结果为:

this is string

并没有返回html和js文件。

项目地址:https://github.com/jjz/meteor/tree/master/meteor-router


姜家志
2.3k 声望148 粉丝

尽力了!才有资格说运气不好。