MeteorWeb开发的下⼀一场变革

smartweb@4-15

Meteor是什么

• Meteor is a set of new technologies for building top-quality web apps in a fraction of the time.

• Meteor是⼀一种新的敏捷高效，开发高质量web应用的方式

• ⼀一种基于node.js的完整开发、运行环境

• Meteor to node.js = Rails to Ruby

web App 进化

•1.0 portal

•1.5 gmail

•2.0 meteor

client server db

html

client server db

json

client serverdb

data

Meteor 的优势1. Pure JavaScript

2. Live page updates

3. Clean, powerful data synchronization

4. Latency compensation

5. Hot Code Pushes

6. Sensitive code runs in a privileged environment

7. Fully self-contained application bundles

8. Interoperability

9. Smart Packages

Meteor七准则• Data on the Wire在网络上传送数据，而不是HTML，让客户端决定如何渲染。

• One Language客户端和服务端使用同⼀一种编程语言（javascript）

• Database Everywhere在客户端和服务端都可以访问数据库

• Latency Compensation在客户端用⼀一种模拟的方式让用户感觉网站与数据库无延迟

• Full Stack Reactivity从数据库到模板全部都是基于事件的实时更新

• Embrace the Ecosystem开放，整合

• Simplicity Equals Productivity简单，高效

Meteor 常用命令• 安装meteor: curl install.meteor.com | /bin/sh

• 创建App：meteor create app_name

• 运行App：meteor

• 部署App：meteor deploy app_name.meteor.com

• 安装包： meteor add package_name

• 删除包： meteor remove package_name

• 看数据： meteor mongo

• 看帮助： meteor help

Meteor Package

• amplify

• backbone

• coffeescript

• jquery

• less

• showdown

• underscore

Meteor App架构•.meteor ：meteor库•client: 客户端文件，html, css, js都放这里•public: 静态文件夹，图片•server: 服务端代码

运行时自动将文件打包，压缩客户端只看到⼀一个js文件

Meteor的不足• GPL协议，商业化有风险 （团队说可以授权商业协议）

• 安全性，客户端直接操作数据库（权限认证正在开发中）

• 没法静态渲染页面，SEO问题（不是问题，未来SEO模式也会改变

• One Page App如何处理高复杂度的项目

• 只支持IE 7及以上的浏览器

• 还不够完善，目前只是0.3.2版

了解Meteor更多

• site： www.meteor.com

• github: http://github.com/meteor

• IRC: irc.freenode.net

• Email: contact@meteor.com

Meteor Demo

• WordPlay(官方demo)

• Todos (官方demo)

• techparty http://techparty.meteor.com

demo开发心得

• 简单，高效• 更少代码（几乎不用写服务端代码）• 更关注业务（忘记页面渲染、数据传输这些破事，meteor自动帮你解决）

• 不足：调试工具还有待完善

求人才• iOS、Android、前端开发工程师

• App UI设计师

• Rails工程师

• 全职和实习均可

校友圈，基于校友关系的移动社交网络请直接在AppStore里搜索“校友圈”

联系方式

• 张泽涛• 深圳恰恰网络创始人• 手机号: 186-7550-9485

• 微信号: smartweb

• 新浪微博：http://weibo.com/zetaozhang