Meteor开发平台入门 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

内容小结

让我们简单回顾这个示例Meteor应用的开发过程(假装没有使用meteor工具):

  1. 创建模板文件test.html,定义文档结构
  2. 创建样式文件test.css,定义文档样式
  3. 编写前端脚本test.js,实现模板、数据、事件的绑定
  4. 在这个示例中,我们基本不需要编写后端脚本

这些就绪后,扔给Meteor运行就可以了。

这有点像Apache+PHP或者IIS+ASP这些东西,Meteor提供一个基本的运行环境,你往 里面扔一个模板,立马就可以看到效果,你编写一段后端脚本,立马增强了服务器的 能力。那么,Meteor和它们的区别在哪里呢?

≡ 横跨前后端的中间层平台

在前面的课程中,我们看到,前端和后端同时都有一个Meteor对象作为API入口(当然, 前端的Meteor对象和后端的Meteor对象不是完全相同的实现),可以使用Meteor.isClient或 Meteor.isServer判断代码运行环境,可以使用同样的Meteor.startup()方法分别在 前端和后端注入初始化代码。这意味着什么?

让我把最开始的那张示意图中的Meteor层再细化一下:

fullstack2

很显然,Meteor最与众不同的是,使用同一套代码,同时在前端和后端提供了应用运行的 基础环境。不得不提的是,Meteor平台在前端基础环境和后端基础环境之间,甚至已经基于 websocket建立了一个双向实时的通道!

在进入后续内容之前,让我们先在终端中执行以下命令下载课程示例代码:

~/test$ cd↵ ~$ git clone https://github.com/hubwiz/meteor-lesson.git demos↵ 当你看到下面的提示信息,就表示示例代码已经成功下载到demos目录了: ... Checking connectivity... done.