Meteor介绍

作者: 济丰 | 来源:发表于2019-03-04 20:48 被阅读0次

    本文转自我的博客Meteor介绍

    Meteor(流星)是什么

    Meteor is a full-stack JavaScript platform for developing modern web and mobile applications. Meteor includes a key set of technologies for building connected-client reactive applications, a build tool, and a curated set of packages from the Node.js and general JavaScript community.

    Meteor是一个full-stack javascript平台,可用于开发web和移动应用。其最大特点是其(通过websocket)保持客户端连接的“实时”框架。数据库(mongodb)的改变可“实时”展示到界面中。

    以下列出优缺点更直观的了解meteor。

    优点

    实时

    读取数据使用DDP

    数据实时读取使用DDP(distributed data protocal)的pub/sub,一般是websocket实现的的pub/sub方式。

    例如不停的请求第三方api来达到实时效果官方示例

    const POLL_INTERVAL = 5000;
    
    Meteor.publish('polled-publication', function() {
      const publishedKeys = {};
    
      const poll = () => {
        // Let's assume the data comes back as an array of JSON documents, with an _id field, for simplicity
        const data = HTTP.get(REST_URL, REST_OPTIONS);
    
        data.forEach((doc) => {
          if (publishedKeys[doc._id]) {
            this.changed(COLLECTION_NAME, doc._id, doc);
          } else {
            publishedKeys[doc._id] = true;
            this.added(COLLECTION_NAME, doc._id, doc);
          }
        });
      };
    
      poll();
      this.ready();
    
      const interval = Meteor.setInterval(poll, POLL_INTERVAL);
    
      this.onStop(() => {
        Meteor.clearInterval(interval);
      });
    });
    
    

    上例使用的是Meteor自带的DDP API的changed,added方法来实现数据publish, 这种方式有个问题,即没有通过mongodb,创建的是其实是local collection,那么它的改变只对当前连接(websocket)有效,无法做到多个clients共享。其实相当于为每个subscribe客户端创建一个同名local collection。

    参见使用底层api自定义publication(Custom publications with the low level API)

    Meteor.publish('custom-publication', function() {
      // We can add documents one at a time
      this.added('collection-name', 'id', {field: 'values'});
    
      // We can call ready to indicate to the client that the initial document sent has been sent
      this.ready();
    
      // We may respond to some 3rd party event and want to send notifications
      Meteor.setTimeout(() => {
        // If we want to modify a document that we've already added
        this.changed('collection-name', 'id', {field: 'new-value'});
    
        // Or if we don't want the client to see it any more
        this.removed('collection-name', 'id');
      });
    
      // It's very important to clean up things in the subscription's onStop handler
      this.onStop(() => {
        // Perhaps kill the connection with the 3rd party server
      });
    });
    
    

    首先需要明确,不管服务端数据源是否来自mongodb,客户端都有一个内存mongodb,客户端都是针对这个mongodb来查询操作。 详见这里

    再来看看默认的基于服务端Mongodb数据实现:
    使用的是MongoDB’s Oplog,对mongo数据库的修改得以立即广播到读取指针(cursor).
    示例

    Meteor.publish('lists.public', function() {
      return Lists.find({
        userId: {$exists: false}
      }, {
        fields: Lists.publicFields
      });
    });
    
    

    魔法就在于Lists.find,如果对应的集合有所变动,都会向客户端广播。
    oplog也有一些限制 最主要的是,mongodb必须是replica set,否则还是默认的polling。这一下子就提高了门槛。 不过,polling对于同一个进程的修改反映还是蛮快的,而默认的meteor collection实现应该是一个进程中,故还不错。目前meteor1.7的版本使用的是mogon 3.0的driver,还不能使用driver3.1事务,如果自己新开一个cmongo client,则估计是在另外一个process,从测试结果来看,与meteor的collection更新时间间隔有5秒以上的差距,见示例.

    修改数据使用method(也属于DDP协议)

    method类似RPC; method有一些特点:

    • 客户端调用方法直接引用定义文件调用,直观。
    • 现在客户端调用验证,如果失败,就不会调用服务端。
    • 方便于测试。
    不提倡从method获得数据

    一般应该是从pub/sub获得数据,method只负责修改,不应该从method的返回获得数据。因为虽然method是能够返回数据的, 但这种情况下,你还得手动维护客户端mongodb的数据一致性。

    // In client-side code, declare a local collection
    // by passing `null` as the argument
    ScoreAverages = new Mongo.Collection(null);
    
    
    import { calculateAverages } from '../api/games/methods.js';
    
    function updateAverages() {
      // Clean out result cache
      ScoreAverages.remove({});
    
      // Call a Method that does an expensive computation
      calculateAverages.call((err, res) => {
        res.forEach((item) => {
          ScoreAverages.insert(item);
        });
      });
    }
    
    

    Method相对于REST API的好处

    基于Fibers,编写类似于同步方式的代码,但是不是阻塞(blocking)的

    使用fibers将method(请求估计也是websocket,由于每个method都有id,将调用和返回通过id关联,将websocket异步的包装成同步的)封装成同步的形式,这样既保持了websocket的便利,也使得编码逻辑直观。 Fiber不是个新概念,它不同于thread,并不能起到thread的作用,个人理解,更像nodejs里面await/async的一种实现。 例如meteor里的method需要返回,是不支持callback的方式的,可以通过Meteor.wrapAsync来包装callback方式的调用。
    举个例子

    get: function() {
          var limit = this.queryParams.limit;
          limit = parseInt(limit) || 100;
          try {
            var results = Meteor.wrapAsync(callback => {
              service.listing({ limit }, (error, results, fields) => {
                if (error) {
                  callback(error);
                  return;
                }
    
                callback(null, results);
              });
            })();
            return results;
          } catch (err) {
            throw err;
          }
        }
    
    
    请求和返回都是有序的

    对于ajax请求,请求和返回不能保证有序,可能后请求的先得到返回。meteor保证了每个客户端的每个请求都是有序的,前一个调用成功后才进行下一个。不过对于特殊的情况,也可以改变这个机制而使得执行无序。例如this.unblock()

    每个DDP(pub/sub和method)都可以是绑定用户信息的

    通过this.userId可用于判断用户是否登录,用户系统可自定义,也可使用meteor的api。

    商业支持,论坛支持,文档详细

    meteor虽然开源,但背后有专门的商业公司支持,目前来看github上有40k+星标,项目活跃程度还算不错 其提供hosting服务,也提供商业支持服务,商业支持服务对于商业项目来说是很重要的考虑点。

    meteor背后的团队是Meteor Development Group(MDG),也是apollo背后的团队,技术水平是值得信赖的。

    支持npm,可以整合其他框架,例如expressjs

    Meteor之前是仅通过Atmosphere来扩展,后来开始直接支持npm,这样一来,其他nodejs框架可以直接整合,例如meteor没有官方支持的restapi方式,可通过整合express来实现,这样meteor完全融合到了nodejs生态中。 整合express的示例

    import { Meteor } from 'meteor/meteor';
    import express from 'express';
    
    import bodyParser from 'body-parser';
    
    export function setupApi() {
      const app = express();
    
      app.use(bodyParser.json()); // for parsing application/json
      app.use(bodyParser.urlencoded({ extended: true })); // for parsing application/x-www-form-urlencoded
    
      var t1 = require('./t1');
      var t2 = require('./t2');
    
      app.use('/t1', t1);
      app.use('/t2', t2);
    
      WebApp.connectHandlers.use(app);
    }
    
    

    其中用到的是meteor webapp api

    atmospherejs示例
    meteor add qualia:reval
    会在.meteor/pacakge中增加对应信息,且代码中不需要显示import

    npm方式
    meteor npm i exressjs
    会在pacakge.json中添加信息
    不要尝试npm i xx直接添加,因为meteor工具自带绑定版本的node和npmj

    web前端官方支持react,Angular

    对于meteor自带的Blaze,由于其提供了许多便利的特性,一般建议与React,Angular合用

    移动端支持

    使用Cordova,

    使用DDP方式调用meteor服务端

    缺点

    仍算比较冷门,中文支持较少

    与普通的nodejs开发方式不太相同,学习曲线稍陡

    默认绑定了mongodb

    这可以说是个优点,如果你本来就用mongo,然而大部分情况我会认为是个缺点,虽然可以使用其他数据库整合,但mongodb是必须的,你可以不用它,但是这样会丢失DDP很多特性,且必须通过MONGO_URL配置启动。

    它可以横向扩展(scale out),但是不是那么简单

    meteor圈如果有人问怎么横向扩展,往往得到的回答是类似-先让你的应用达到需要扩展的用户数量再说吧,那时候不管怎么样都是时候重构了。(It helps that we’re not planning at building apps targeted at millions of users, but when you hit that kind of scale, refactoring is anyway going to happen.)

    这个回答确实很实际,就像RoR作者DHH说的”在选彩票的时候就开始操心中奖以后买哪个游艇。”(Programmers worrying about whether their architecture will Web Scale is like buying a lottery coupon and fretting about which yacht to buy.)

    如果不用mongo,那你就不能使用mongo oplog来scale out.这种情况如果要使用publications,就必须使用服务端local collection,本质上是一种不支持集群的内存数据库,那么就做不到scale out。

    相关文章

      网友评论

        本文标题:Meteor介绍

        本文链接:https://www.haomeiwen.com/subject/lrewuqtx.html