文档章节

meteor方法

y
 yihong酱
发布于 2017/09/07 01:33
字数 751
阅读 34
收藏 0

1.Account

  login(phoneNumber: string, code: string): Promise<void> {
    return new Promise<void>((resolve, reject) => {
      Accounts.verifyPhone(phoneNumber, code, (e: Error) => {
        if (e) {
          return reject(e);
        }

        resolve();
      });
    });
  }

 

2.发布和订阅

1.在server端发布

 Meteor.publish('time', function() {
     ...
    });

2.在client端订阅

后面可以带参数或者控制器函数

Meteor.subscribe('time', id)
Meteor.subscribe('time', {
          onReady: function() {
            console.log('the server called this.ready()')
         },
         onError: function() {
           console.log('error on the server')
         }
});

客户端也要创建新的mongo实例,然后通过订阅后的服务器的数据会推送到该实例上,但是只存在于内存中,所有对数据库的操作必须通过服务器的mongo实例进行操作!

3.配合react事件函数取消订阅

componentWillUnmount() {
    this.props.handle.stop();
  }

export default createContainer(() => {
  return {
    time: Time.find().fetch(),
    handle: handle
      };
     }, Timer)
const handle = Meteor.subscribe('time', {          
     onReady: function() {
            console.log('the server called this.ready()')
         },
         onError: function() {
           console.log('error on the server')
         }});
handle.stop() // will call onStop(callback) on the server.
handle.ready() // returns true if the server called ready()

4.在服务器端写就绪和取消订阅的处理

利用this.ready() this.stop() this.onStop()

Meteor.publish('time', function() {
   let self = this;
   self.added('time', id, time); // notify if record is added to the collection time
  this.ready(); // notify that the initial dataset was sent

   self.onStop(function () {
   self.stop()
   console.log('stopped called')
   Meteor.clearInterval(interval); // clear the interval if the the client unsubscribed
  });
});

3.延迟函数

 Meteor.setInterval(function() {
        newTime();
     }, 1000);

 Meteor.clearInterval(interval);

4.数据库操作

默认可以直接在客户端对数据库进行操作,删除secure包后,只能调用服务器的方法对数据进行操作,而如果直接在客户端调用collection.insert()之类的方法,最终的结果只会存储在客户端的minimogo中

1.定义方法

import { Meteor } from 'meteor/meteor';

Meteor.methods({
cartInsert: function(product) {
      CartCollection.insert({
       'title' : product.title,
       'price' : product.price,
       'inventory' : product.inventory,
       'quantity': 1
 });

2.然后在客户端使用

import { Meteor } from 'meteor/meteor';

export const addToCart = (product) => {
   Meteor.call('cartInsert', product);
};

对于返回数值的可采用promise

   cartTotal: function() {
    let total = CartCollection.aggregate([
        { $project: {"priceByquantity":{ $multiply: [ "$price", "$quantity" ] } }},
        { $group: { "_id": "null", "totalPrice": { $sum: "$priceByquantity" } } }
        ]);
     return total;
 }

用aggregate计算总价钱,$project来产生一个"priceByquantity"的新键, "_id": "null"表示把所有的加起来,"totalPrice"为赋值的对象,最终得到的值包裹在data中

export const getCartTotal = () => {
  return new Promise((resolve, reject) => {
 Meteor.call('cartTotal', (error, data) => {
       if (error) {
          reject(error)
      }
     if(!data[0]){
        resolve(0)
     }
      resolve(data[0].totalPrice)
    })
 });
};

使用promise来包裹,利用then还有catch来对其中的数据进行操作

 getCartTotal().then(result => {
      self.setState({
        totalPrice: result
      })
    }).catch(error => {
      alert('error')
    });

由于promise是异步的,而container本身是异步的,其内部只能使用同步的方法,所以把getCartTotal()放在组件事件周期中使用

 componentDidMount() 
 componentWillReceiveProps()

只有初始化和props改变的时候

5.验证和模型

import { check } from 'meteor/check';
check('title' : product.title,string)
check( product, CartCollection.simpleSchema())

不常用!!

 meteor add aldeed:simple-schema
let CartSchema = new SimpleSchema({
  _id: {
    type: String,
    optional: false
  },
  price: {
    type: Number,
    decimal: true   设为false则为整数
  },
  quantity: {
    type: Number,
    defaultValue: 1,
    optional: true
  },
  department: {
    type: String,
    optional: false
  }
});

department是必须的,验证完模型后再insert

直接使用collection2会自动每次校正格式(meteor add aldeed:collection2)

CartCollection.attachSchema(CartSchema)
check( product, CartCollection.simpleSchema());
//弃用
CartCollection.schema.validate(product);
CartCollection.schema.clean(product);
check( product, CartCollection.schema);
//在每次插入前去掉product里面不必要的部分,使其规范化
CartCollection.insert({....})

6.用户登录

meteor add accounts-password
allanning:roles
Accounts.creatUser({email:444,password:6665})
Meteor.loginWithPassword(email,password)
Meteor.logout(fuc(err){})
Meteor.users.findOne()
Meteor.user()--获取当前用户

© 著作权归作者所有

y
粉丝 0
博文 24
码字总数 5279
作品 0
汕头
程序员
私信 提问
Meteor 接入微信,验证微信公众平台,成为开发者模式

进行微信开发的第一步是要接入,验证服务器地址的有效性。 官网没有meteor的demo。网上也有很多介绍各种平台的验证方法。但是meteor验证token的方法网上还找不到。因为meteor与nodejs 有很深...

肖思中
2017/12/02
0
0
Meteor——不一般的全栈开发平台!

一、全栈开发平台 - 不仅仅是前端 Meteor和那些名声如雷贯耳的前端框架,比如Angular, React等都不一样,它是一个 采用单一开发语言的全栈开发的平台:开发者可以使用JavaScript同时 进行前端...

笔阁
2015/09/15
2.3K
0
Meteor,单一开发语言的全栈开发的平台!

一、全栈开发平台 - 不仅仅是前端 Meteor和那些名声如雷贯耳的前端框架,比如Angular, React等都不一样,它是一个采用单一开发语言的全栈开发的平台:开发者可以使用JavaScript同时 进行前端...

笔阁
2015/10/09
1K
1
Meteor全栈开发平台 - 不仅仅是前端

全栈开发平台 - 不仅仅是前端 Meteor和那些名声如雷贯耳的前端框架,比如Angular, React等都不一样,它是一个 采用单一开发语言的全栈开发的平台:开发者可以使用JavaScript同时 进行前端和后...

马拉喀什
2015/09/07
0
0
Mac下运行Rocket.chat

1,简介 github Rocket.chat是特性最丰富的Slack开源替代品之一 主要功能:群组聊天,直接通信,私聊群,桌面通知,媒体嵌入,文件上传,语音/视频聊天,截图等等 Rocket.chat原生支持windows...

funnycoderstar
2017/09/17
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Vue warn]: Computed property "activeNames" was assigned to but it has no setter.

在使用 vue,element-ui时,如下代码 <template> <el-form :model="numberValidateForm" ref="numberValidateForm"> <el-form-item> <el-tabs v-model="activeNames" @tab-cl......

牧云橙
12分钟前
2
0
重构-改善既有代码的设计-6.2内联函数

6.2内联函数 动机 本书经常以简短的函数表现动作意图,这样会使代码更清晰易读。但有时候你会遇到某些函数,其内部代码和函数名称同样清晰易读。也可能你充够了该函数的内部实现,使其内容和...

还仙
13分钟前
2
0
Less 混入

混合类似于编程语言中的函数。 Mixins 是一组CSS属性,允许我们将一个类的属性嵌套于另一个类,被嵌入的类可以看作是变量,并且包含类名作为其属性,也就是说我们可以用一个类定义样式然后把...

凌兮洛
16分钟前
3
0
频繁FGC的真凶原来是它

频繁FGC的真凶原来是它 上周排查了一个线上问题,主要现象是CPU占用过高,jvm old区占用过高,同时频繁fgc,我简单排查了下就草草收场了,但是过后我对这个问题又进行了复查,发现问题没有那...

每天晒白牙
17分钟前
3
0
简单的树形菜单如何写

业务需求 数据结构中含有图片、名称、children的树形结构,需要展示出每一级的图片名称和图片,找了些树形图的插件,都没有展示大的图片的,一般都是小图标,就自己试着写一个包含图的简单的...

tianyawhl
18分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部