简介

Bmob平台为您的移动应用提供了一个完整的后端解决方案,我们提供轻量级的SDK开发包,让开发者以最小的配置和最简单的方式使用Bmob平台提供的服务,进而完全消除开发者编写服务器代码以及维护服务器的操作。

典型案例

Bmob示例包含常用接口(学习示例):https://github.com/magic007/wechatAppDemo (采用实时数据同步SDK开发,里面几乎包含了小程序开发常见功能示例代码,右击可直接查看源码)
扫描二维码查看
数据服务小程序 开发文档 - 图1
数据服务小程序 开发文档 - 图2
数据服务小程序 开发文档 - 图3

心邮(官方线上项目):https://github.com/bmob/Bmob-wechatapp-xinyou (采用实时数据同步SDK开发,右击可直接查看源码)


  • 1.生日工具 ———-工具类
  • 2.足迹地图
  • 3.接力喵视频 ———-视频类
  • 4.像素涂鸦
  • 5.地道美食地图 ———-LBS
  • 6.胖熊圈
  • 7.有货Hk
  • 8.厦漳泉生活通 ———-本地生活
  • 9.极简笔记
  • 10.衣在线 ———-商城
  • 11.活动报名表 ———-工具类
  • 12.味蕾点餐 ———-点餐
  • 13.烟台微拼 ———-本地生活
  • 14.顺德便利贴
  • 15.同城生活广告
  • 16.点点英语学堂
  • 17.朝露时刻 ———-音频类
  • 18.青岛一起秀科学俱乐部
  • 19.纸塘 ———-17年6月最热门的小程序
  • 20.雷湖古琴艺术
  • 21.皋城文明随手拍 ——-政府
  • 22.阅后即焚图片分享
  • 23.猎位共享停车
  • 24.听写宝
  • 25.嘿车出行
  • 26.喵星人宠物社区
  • 27.标签生成器
  • 28.视频看房
  • 29.海南黎家特产
  • 30.轩宇工具
  • 31.在旅途看世界
  • 32.寻遍美食地图
  • 33.Bmob示例
  • 34.鲁山拼车
  • 33.莲馨图书室 图书馆-扫描借书
  • 34.灵动云课堂
  • 35.9cam 视频类
  • 36.恋爱迹
  • 37.融信品质生活服务
  • 38.全民摄影秀
  • 39.农电微服务 国家电网公司
  • 40.壁纸印象
  • 41.跟妆师
  • 42.高能名片
  • 43.婚纱lite
  • 44.张阿姨打扫
  • 45.吃决策
  • 46.比心比价
  • 47.蜂鸟作业 教育
  • 48.美味面包lite
  • 51.幸福的5班
  • 52.大武汉公交 交通
  • 53.Buy优选 淘客
  • 54.码赚
  • 55.附近的圈子
  • 56.吴忠意大利冰淇淋 实体店点餐
  • 57.摩西讲单词 教育
  • 58.贝莱福居
  • 59.花间集鲜花
  • 60.柏亚阅读书吧
  • 61.找我跑腿服务
  • 62.橙色工地圈
  • 63.大学城活动报名
  • 64.聚合助手
  • 65.圆桌绿色版
  • 66.我的王者名片
  • 67.趣猫
  • 68.管图智能选座 大学图书馆
  • 69.呼伦贝尔二手车平台
  • 70.我的王者名片
  • 71.万能服 答题应用

    官方交流QQ群:118541934 。欢迎提交给我们

应用程序

在Bmob平台注册后,每个账户可创建多个应用程序,创建的每个应用程序都有其独自的应用程序ID,此后所有的应用程序将凭其ID进行Bmob SDK的使用。即使只有一个应用程序,也可以以不同的版本进行测试和生产。

对象

数据对象

Bmob数据存储是建立在Bmob.Object基础上的。如写日记的Bmob.Object示例如下:

  1. title: "I am title", content: "I am content"

这里需要注意的是:anchor

  • 键必须是字母或者数字的字符串,值可以是字符串、数字、布尔值或者数组和字典。
  • 每一个Bmob.Object都是一个特定子类的实例,子类名可以来区分各种数据,如我们可以把写日记的类称之为diary

创建对象

你可以使用Bmob.Object.extend方法来创建新的Bmob.Object子类,示例代码如下:

  1. // 创建Bmob.Object子类
  2. var Diary = Bmob.Object.extend("diary");
  3. // 创建该类的一个实例
  4. var diary = new Diary();

如果你想为Bmob.Object的子类添加一些实例方法和类方法,示例代码如下:

  1. // 为Bmob.Object的子类添加实例方法和类方法
  2. var Diary = Bmob.Object.extend("diary", {
  3. //实例方法
  4. gleaterThanOneHundred: function() {
  5. return this.get("title");
  6. }
  7. }, {
  8. //类方法
  9. spawn: function(title) {
  10. var diary = new Diary();
  11. diary.set("title", title);
  12. return diary;
  13. }
  14. });
  15. var diary = Diary.spawn("hello world");
  16. console.log(diary.gleaterThanOneHundred());

小程序使用图文素材

图文素材,类似微信的图文素材,经常被用在活动、广告、详细说明等情况。
使用图文素材系统会生成一个_Article 的数据表。如需取出图文素材的数据,只需跟普通表一样操作即可。

增加一篇图文

  1. var Diary = Bmob.Object.extend("_Article");
  2. var diary = new Diary();
  3. diary.set("title","hello");
  4. diary.set("content","hello world");
  5. //添加数据,第一个入口参数是null
  6. diary.save(null, {
  7. success: function(result) {
  8. // 添加成功,返回成功之后的objectId(注意:返回的属性名字是id,不是objectId),你还可以在Bmob的Web管理后台看到对应的数据
  9. console.log("创建成功, objectId:"+result.id);
  10. },
  11. error: function(result, error) {
  12. // 添加失败
  13. console.log('创建失败');
  14. }
  15. });

静态文件

为了满足应用各类需求,保存的内容会生成一个HTML文件,存在您的文件中,如应用支持显示HTML,可直接显示,或者url内容转发到朋友圈。

ps:最近小程序也推出了显示H5页面,如果需要使用,可开通FTP功能自己管理应用的文件空间。

下载域名

由于最近微信封了*.upaiyun.com 域名,如果你没做文件下载功能,只是显示图片,可以不填写。如果你需要做下载功能,在应用设置里面,可以开启独立域名, 开启后,填写到微信平台就好了,当然有时候你想用自己的域名,也是可以的,可以工单联系我们。

客服消息

对一些应用有嵌入微信客服消息,需要主动实时收到用户反馈,并希望手机可以回复消息的,可以基于云逻辑开发此功能,如果完全不想写代码实现也可以联系我们,出一定费用整套客服系统帮上线。

简介地址:http://www.jianshu.com/p/540a8db78fbf

WebSocket

一个微信小程序同时只能有一个 WebSocket 连接,如果当前已存在一个 WebSocket 连接,会创建失败。WebSocket可以做一些实时数据功能,比如聊天室,你画我猜之类的游戏。具体文档参考JavaScript->实时数据平台

微信主人通知接口

微信主动推送通知,业务场景:比如你有APP,有人下单了,或者有人留言了。你可以收到微信推送通知。

支持2种调用方法
1.小程序
2.restful

1.小程序Bmob.sendMasterMessage调用主人通知接口

  1. 成功后发送主人模板消息,这个只需把openid改正确即可接收到, Bmob后端云公众号回复openid
  2. var temp = {
  3. "touser": "oUxY3w_jURG89H5wCIvJDPjJ5s2o",
  4. "template_id": "-ERkPwp0ntimqH39bggQc_Pj55a18CYLpj-Ert8-c8Y",
  5. "url": "https://www.bmob.cn/",
  6. "data": {
  7. "first": {
  8. "value": "您好,Restful 失效,请登录控制台查看。",
  9. "color": "#c00"
  10. },
  11. "keyword1": {
  12. "value": "Restful 失效"
  13. },
  14. "keyword2": {
  15. "value": "2017-07-03 16:13:01"
  16. },
  17. "keyword3": {
  18. "value": "高"
  19. },
  20. "remark": {
  21. "value": "如果您十分钟内再次收到此信息,请及时处理。"
  22. }
  23. }
  24. }
  25. console.log(temp);
  26. Bmob.sendMasterMessage(temp).then(function (obj) {
  27. console.log('发送成功');
  28. }, function (err) {
  29. common.showTip('失败' + err);
  30. });

2.restful调用方式

  1. curl --request POST \
  2. --url http://api.bmob.cn/1/wechatApp/notifyMsg \
  3. --header 'content-type: application/json' \
  4. --header 'x-bmob-application-id: ' \
  5. --header 'x-bmob-rest-api-key: ' \
  6. --data '{\n "touser": "oUxY3w_jURG89H5wCIvJDPjJ5s2o",\n "template_id":"-ERkPwp0ntimqH39bggQc_Pj55a18CYLpj-Ert8-c8Y",\n "url": "http://www.bmob.cn/",\n "data": {\n "first": {\n "value": "您好,Restful 失效,请登录控制台查看。",\n "color": "#c00"\n },\n "keyword1": {\n "value": "Restful 失效"\n },\n "keyword2": {\n "value": "2017-07-03 16:13:01"\n },\n "keyword3": {\n "value": "高"\n },\n "remark": {\n "value": "如果您十分钟内再次收到此信息,请及时处理。"\n }\n }\n}'

PS:openid 关注Bmob后端云公众平台回复openid

开放3个模板:
1.新订单通知(template_id:K9-6_Ayj4MLC2yvwY60-cq18tngJHAlqDfsOvv3D7a8

  1. {{first.DATA}}
  2. 提交时间:{{tradeDateTime.DATA}}
  3. 订单类型:{{orderType.DATA}}
  4. 客户信息:{{customerInfo.DATA}}
  5. {{orderItemName.DATA}}:{{orderItemData.DATA}}
  6. {{remark.DATA}}

2.系统报警通知(template_id:-ERkPwp0ntimqH39bggQc_Pj55a18CYLpj-Ert8-c8Y

  1. {{first.DATA}}
  2. 系统名称:{{keyword1.DATA}}
  3. 报警时间:{{keyword2.DATA}}
  4. 报警级别:{{keyword3.DATA}}
  5. {{remark.DATA}}

3.购买成功通知(template_id:Mbk3kYqRGkL98ch6Lie4XSXtOsxXj2SC0SRQXd89G1Y

  1. 您好,您已购买成功。
  2. 商品信息:{{name.DATA}}
  3. {{remark.DATA}}

4.审核结果通知(template_id:aNNNmi7WK4kohleWhCkDRKJiHOZnIpkrhXx5XPx4dx0

  1. {{first.DATA}}
  2. 账号名称:{{keyword1.DATA}}
  3. 审核状态:{{keyword2.DATA}}
  4. 审核时间:{{keyword3.DATA}}
  5. {{remark.DATA}}

ps:目前每个应用,每天有100条的免费额度,如需更多,可以工单联系我们

生成小程序二维码

生成推广二维码非常简单,比如你是传统企业,你可以为你店里每件衣服生成一个二维码,用户扫描直接可以付款定位到那件衣服,如果你是餐厅老板,客户在桌子上扫描二维码可以定位那张桌子。如果你是互联网企业,你可以发布二维码到朋友圈,可以定位到是谁推荐了这个用户,这个用户上级是谁,等等。Bmob封装了生成二维码函数,以下示例代码。

Bmob.generateCode 参数列表

参数说明
path pages/index/index 页面路径,支持参数
width 430 二维码宽度
interface a\b\c 对应微信二维码abc方案
scene Bmob 微信B方案才需要此值
type 0/1 默认0,返回二维码base64数据.如果为1则服务端返回为二维码网络路径

更多微信官方小程序码介绍 微信官方小程序码介绍

  1. formSubmit: function (event) {
  2. var path = event.detail.value.path; //路径
  3. var width = event.detail.value.width; //宽度
  4. var that = this;
  5. Bmob.generateCode({ "path": path, "width": width }).then(function (obj) {
  6. console.log(obj);
  7. that.setData({
  8. imageBytes: obj.imageBytes //二维码示例
  9. })
  10. }, function (err) {
  11. //失败
  12. });
  13. }

小程序分享群Id

有些时候,我们小程序需要把内容分享到微信群,统计每个微信群有多少用户来查看了此信息。可以使用此接口,下面是微信官方的2个说法

当用户成功地将小程序页面分享到微信群的时候,小程序的回调中可以获取分享目标的微信群 ID。
当用户从微信群进入小程序页面的时候,小程序启动时可以获取用户进入小程序的渠道群聊 ID。

  1. Page({
  2. onLoad () {
  3. wx.showShareMenu({
  4. withShareTicket: true //要求小程序返回分享目标信息
  5. })
  6. },
  7. // 其他的页面函数、生命周期函数等
  8. onShareAppMessage() {
  9. return {
  10. title: '页面分享标题',
  11. path: '/pages/path/to/target',
  12. success(res){
  13. console.log(res.shareTickets);
  14. wx.getShareInfo({
  15. shareTicket: res.shareTickets,
  16. complete(res) {
  17. //内部调用云函数
  18. var currentUser = Bmob.User.current();
  19. var data = { "objectId": currentUser.id, "encryptedData": res.encryptedData, "iv": res.iv};
  20. console.log(data);
  21. // console.log(data);
  22. Bmob.Cloud.run('getOpenGId', data).then(function (obj) {
  23. // var res = JSON.parse(obj)
  24. console.log(obj)
  25. }, function (err) {
  26. console.log(err)
  27. });
  28. }
  29. })
  30. }
  31. }
  32. }
  33. }

页面只要加上这2个函数,即可实现转发到群功能,这里主要讲下解密群ID。

解密群ID主要是通过云逻辑来实现,这里添加一个getOpenGId 逻辑。你也可以复制腾讯官方提供的nodejs里面的代码

  1. function onRequest(request, response, modules) {
  2. var objectId = request.body.objectId;
  3. var db = modules.oData;
  4. var crypto = modules.crypto;
  5. db.findOne({
  6. "table": "_User",
  7. //表名
  8. "objectId": objectId //记录的objectId
  9. },
  10. function(err, data) {
  11. //回调函数
  12. var data = JSON.parse(data);
  13. var sessionkey = data.authData.weapp.session_key; //微信最新版本改版,此id是由前端发送过来
  14. var encryptedData = request.body.encryptedData;
  15. var iv = request.body.iv
  16. var groupid = groupIdParse(modules, sessionkey, encryptedData, iv) response.end(groupid);
  17. });
  18. function groupIdParse(modules, sessionKey, encryptedData, iv) {
  19. var crypto = modules.oCrypto;
  20. var sessionKey = new Buffer(sessionKey, 'base64'); //new Base64().decode(sessionKey);
  21. encryptedData = new Buffer(encryptedData, 'base64'); //new Base64().decode(encryptedData);
  22. iv = new Buffer(iv, 'base64'); //new Base64().decode(iv)
  23. var result = '';
  24. try {
  25. // 解密
  26. var decipher = crypto.createDecipheriv('aes-128-cbc', sessionKey, iv)
  27. // 设置自动 padding 为 true,删除填充补位
  28. decipher.setAutoPadding(true) var decoded = decipher.update(encryptedData, 'binary', 'utf8') decoded += decipher.final('utf8') result = decoded;
  29. // decoded = JSON.parse(decoded)
  30. } catch(err) {
  31. throw new Error('Illegal Buffer123' + err)
  32. }
  33. // if (decoded.watermark.appid !== this.appId) {
  34. // // throw new Error('Illegal Buffer')
  35. // }
  36. return result;
  37. }
  38. }

解密返回数据:{"openGId":"GLfcX0ber2CAPtXng-ac4g8zyNmk","watermark":{"timestamp":1496720764,"appid":"wx77d6b7031c1e4763"}}

如果你的应用功能出现解密报错,你可以写死传过来的三个变量,示例:

  1. var sessionKey="xTlW5jfSUP3Kx0vC5PJbmw==";
  2. var encryptedData="SLvbzyuyck7384tlGjXwI5Meb2LydIhUGvwerwsvJhws1EJb7LnFPX1MfRcTyF8Bfj0ZRP8wu8XR+7hmTqgdQx11nOlJA0RawSoTJNYmy9kfYQsdqTq5EX0rRH8VozPURnTrjM9EGbfqaN6EetI/aQ==";
  3. var iv="7/TqHciNjSi3cdFFxr97ww==";
  4. var groupid=groupIdParse(modules,sessionKey,encryptedData,iv)
  5. var jsongid=JSON.parse(groupid);
  6. response.end(groupid);
  7. return;

小程序模板消息

小程序模板消息首先是通过获取access_token来发送。access_token有效期2小时。

模板消息支持2种方式调用。

  • 1.Restful
  • 2.小程序

Restful

  1. curl -X POST \
  2. http://api.bmob.cn/1/wechatApp/SendWeAppMessage \
  3. -H 'cache-control: no-cache' \
  4. -H 'content-type: application/json' \
  5. -H 'x-bmob-application-id: XXX' \
  6. -H 'x-bmob-rest-api-key: XXX' \
  7. -d '{
  8. "touser": "osr4I0WBS4kZuD_5P-_-bxbSobTg",
  9. "template_id": "omTTRD3pAMiAGKmyKo15Ifc2U_wLr6oWRZOifnTngvQ",
  10. "page": "index",
  11. "form_id":"3a8c5659469c9a582c8fd65054ea5307",
  12. "data": {
  13. "keyword1": {
  14. "value": "SDK测试内容",
  15. "color": "#173177"
  16. },
  17. "keyword2": {
  18. "value": "2015年01月05日 12:30"
  19. },
  20. "keyword3": {
  21. "value": "Bmob科技"
  22. }
  23. }
  24. ,"emphasis_keyword": ""
  25. }'

Restful主要用在一些特殊情况,例如审核后给用户发送一个通知,定时发通知等这种要配合云逻辑或自己服务端来使用。

小程序内部调用比较常用,使用门槛低

  1. var currentUser = Bmob.User.current();
  2. var temp = {
  3. "touser": currentUser.get("openid"),
  4. "template_id": "B-2GcobfYnptevxY8G3SdA72YLYGZpOoJO_FEHlouWg",
  5. "page": "",
  6. "form_id": formId,
  7. "data": {
  8. "keyword1": {
  9. "value": "SDK测试内容",
  10. "color": "#173177"
  11. },
  12. "keyword2": {
  13. "value": "199.00"
  14. },
  15. "keyword3": {
  16. "value": "123456789"
  17. },
  18. "keyword4": {
  19. "value": "2015年01月05日 12:30"
  20. },
  21. "keyword5": {
  22. "value": "恭喜您支付成功,如有疑问请反馈与我"
  23. }
  24. },
  25. "emphasis_keyword": "keyword1.DATA"
  26. }
  27. Bmob.sendMessage(temp).then(function(obj) {
  28. console.log('发送成功')
  29. },
  30. function(err) {
  31. common.showTip('失败' + err)
  32. });

小程序短信验证码

方法调用与JavaScript一致,查看JavaScript 短信文档 请求短信验证码

小程序支付

小程序支付只需发起请求获取微信需要的字段,这里用Bmob.Pay.wechatPay获取nonceStr,packages,orderId等相关信息。然后 wx.requestPayment弹窗支付页面,里面处理成功失败。 (Bmob的接口都是独立的,任何平台小程序都可以使用,自需要小程序微信开通都支持。目前小程序支付跟其他有APP区别Bmob平台不收取任何手续费,只要是Bmob平台付费会员都可使用。)

  1. //传参数金额,名称,描述,openid
  2. Bmob.Pay.wechatPay(0.01, '名称1', '描述', openId).then(function (resp) {
  3. console.log('resp');
  4. console.log(resp);
  5. that.setData({
  6. loading: true,
  7. dataInfo: resp
  8. })
  9. //服务端返回成功
  10. var timeStamp = resp.timestamp,
  11. nonceStr = resp.noncestr,
  12. packages = resp.package,
  13. orderId = resp.out_trade_no,//订单号,如需保存请建表保存。
  14. sign = resp.sign;
  15. //打印订单号
  16. console.log(orderId);
  17. //发起支付
  18. wx.requestPayment({
  19. 'timeStamp': timeStamp,
  20. 'nonceStr': nonceStr,
  21. 'package': packages,
  22. 'signType': 'MD5',
  23. 'paySign': sign,
  24. 'success': function (res) {
  25. //付款成功,这里可以写你的业务代码
  26. console.log(res);
  27. },
  28. 'fail': function (res) {
  29. //付款失败
  30. console.log('付款失败');
  31. console.log(res);
  32. }
  33. })
  34. }, function (err) {
  35. console.log('服务端返回失败');
  36. common.showTip(err.message, 'loading',{},6000);
  37. console.log(err);
  38. });

添加数据

添加数据非常简单,任何Bmob.Object子类都有save方法可以用于将当前对象的内容保存到服务端。示例代码如下:

  1. //创建类和实例
  2. var Diary = Bmob.Object.extend("diary");
  3. var diary = new Diary();
  4. diary.set("title","hello");
  5. diary.set("content","hello world");
  6. //添加数据,第一个入口参数是null
  7. diary.save(null, {
  8. success: function(result) {
  9. // 添加成功,返回成功之后的objectId(注意:返回的属性名字是id,不是objectId),你还可以在Bmob的Web管理后台看到对应的数据
  10. console.log("日记创建成功, objectId:"+result.id);
  11. },
  12. error: function(result, error) {
  13. // 添加失败
  14. console.log('创建日记失败');
  15. }
  16. });

你也可以用如下的示例代码添加数据:

  1. var Diary = Bmob.Object.extend("diary");
  2. var diary = new Diary();
  3. // 添加数据,第一个入口参数是Json数据
  4. diary.save({
  5. title: "hello",
  6. content: "hello world"
  7. }, {
  8. success: function(result) {
  9. // 添加成功
  10. },
  11. error: function(result, error) {
  12. // 添加失败
  13. }
  14. });

这里有几点需要注意的是:

  1. 如果云端数据库中不存在diary表,Bmob会自动地在你第一次使用它的时候创建。
  2. 每个Bmob.Object对象都有几个默认的字段是自动创建的:objectId是一个对于每一个保存的对象为一个标志;createdAtupdatedAt表示对象在Bmob中创建和最后一次更改的时间。这些字段的创建和内容是由服务器端自动完成的,在保存Bmob.Object之前不会存在。
  3. 添加成功后,可以通过result.createdAt获取对象的创建时间,通过result.updatedAt获取对象的更新时间;可以通过result.id获取对象的objectId。

查询数据

数据的查询是每个应用都会频繁使用到的,Bmob提供了Bmob.Object类,方便大家实现不同条件的查询。

查询所有数据

查询某个数据表中的所有数据是非常简单的,只需要使用Bmob.Queryfind方法就可以了,示例代码如下:

  1. var Diary = Bmob.Object.extend("diary");
  2. var query = new Bmob.Query(Diary);
  3. // 查询所有数据
  4. query.find({
  5. success: function(results) {
  6. console.log("共查询到 " + results.length + " 条记录");
  7. // 循环处理查询到的数据
  8. for (var i = 0; i < results.length; i++) {
  9. var object = results[i];
  10. console.log(object.id + ' - ' + object.get('title'));
  11. }
  12. },
  13. error: function(error) {
  14. console.log("查询失败: " + error.code + " " + error.message);
  15. }
  16. });

如果你只想要一个结果,一个更加方便的方法是使用first,而不是find方法,示例代码如下:

  1. var Diary = Bmob.Object.extend("diary");
  2. var query = new Bmob.Query(Diary);
  3. query.first({
  4. success: function(object) {
  5. // 查询成功
  6. },
  7. error: function(error) {
  8. console.log("查询失败: " + error.code + " " + error.message);
  9. }
  10. });

这里需要注意一点的是:
默认情况下,系统实际上并不会返回所有的数据,而是默认返回10条数据记录,你可以通过setLimit方法设置返回的记录数量。更多细节可点击查看分页查询一节。

获取对象的特殊属性

注意,在对象中获取objectId,createdAt,updatedAt的方法分别如下:
obj.id
obj.createdAt
obj.updatedAt

查询单条数据

当我们知道某条数据的objectId时,就可以根据objectId值直接获取单条数据对象,示例代码如下:

  1. var Diary = Bmob.Object.extend("diary");
  2. //创建查询对象,入口参数是对象类的实例
  3. var query = new Bmob.Query(Diary);
  4. //查询单条数据,第一个参数是这条数据的objectId值
  5. query.get("82c3e62d2c", {
  6. success: function(result) {
  7. // 查询成功,调用get方法获取对应属性的值
  8. var title = result.get("title");
  9. var content = result.get("content");
  10. },
  11. error: function(object, error) {
  12. // 查询失败
  13. }
  14. });

条件查询

如果要查询某个属性等于某个值,示例代码如下:

  1. query.equalTo("title", "bmob");

如果要查询某个属性不等于某个值,示例代码如下:

  1. query.notEqualTo("title", "bmob sdk");

如果要模糊查询某个值,示例代码如下(模糊查询目前只提供给付费套餐会员使用):

  1. query.equalTo("title", { "$regex": "" + k + ".*" });

查询大于某个日期的数据,示例代码如下
query.equalTo(“dateTime”, {“$gte”:{“__type”:”Date”,”iso”:”2011-08-21 18:02:52”}});

对查询的属性值进行大小比较的示例代码如下:

  1. // score < 50
  2. query.lessThan(列名称, 50);
  3. // score <= 50
  4. query.lessThanOrEqualTo(列名称, 50);
  5. // score > 50
  6. query.greaterThan(列名称, 50);
  7. // score >= 50
  8. query.greaterThanOrEqualTo(列名称, 50);

两条查询语句一起写,就相当于AND查询,如下示例代码,查询同时满足"playerName"="bmob" and "score">100的数据:

  1. query.notEqualTo("title", "bmob");
  2. query.greaterThan(列名称, 100);

一个完整的例子:

  1. var Diary = Bmob.Object.extend("diary");
  2. var query = new Bmob.Query(Diary);
  3. query.equalTo("title", "hello");
  4. // 查询所有数据
  5. query.find({
  6. success: function(results) {
  7. console.log("共查询到 " + results.length + " 条记录");
  8. // 循环处理查询到的数据
  9. for (var i = 0; i < results.length; i++) {
  10. var object = results[i];
  11. console.log(object.id + ' - ' + object.get('title'));
  12. }
  13. },
  14. error: function(error) {
  15. console.log("查询失败: " + error.code + " " + error.message);
  16. }
  17. });

分页查询

有时,在数据比较多的情况下,你希望查询出的符合要求的所有数据能按照多少条为一页来显示,这时可以使用limit方法来限制查询结果的数据条数来进行分页。默认情况下,Limit的值为10,最大有效设置值1000(设置的数值超过1000还是视为1000)。

  1. // 返回最多10条数据
  2. query.limit(10);

在数据较多的情况下,在limit的基础上分页显示数据是比较合理的解决办法,skip方法可以做到跳过查询的前多少条数据来实现分页查询的功能。默认情况下skip的值为10。

  1. query.skip(10); // skip the first 10 results

结果排序

我们可以对返回的结果进行排序(只支持numberdatestring类型的排序),示例代码如下:

  1. // 对score字段升序排列
  2. query.ascending(列名称);
  3. // 对score字段降序排列
  4. query.descending(列名称);

统计记录数量

如果你只是想统计满足query的结果集到底有多条记录,你可以使用count方法。如为了获得diary表的记录数量,示例代码如下:

  1. var Diary = Bmob.Object.extend("diary");
  2. var query = new Bmob.Query(Diary);
  3. query.count({
  4. success: function(count) {
  5. // 查询成功,返回记录数量
  6. console.log("共有 " + count + " 条记录");
  7. },
  8. error: function(error) {
  9. // 查询失败
  10. }
  11. });

复杂查询

如果你想查询某一字段值在某一集合中的记录的话,可以使用containedIn方法,如获取"Bmob"、"hello"、"sure"三条标题为这的记录信息,那么示例代码如下:

  1. // 第一个参数是字段名称,第二个参数是数组
  2. query.containedIn("title", ["Bmob", "hello", "sure"]);

相反地,你可以使用notContainedIn方法来查询在集合外的目标对象。

如果想要查询含有某一特定属性的对象,可以使用exists。相对地,如果你想获取没有这一特定属性的对象,你可以使用doesNotExist,示例代码如下:

  1. // 查询含有title属性的对象
  2. query.exists("title");
  3. // 查询不含有title属性的对象
  4. query.doesNotExist("title");

你可以使用matchesKeyInQuery方法来进行嵌套的子查询。举例说,如果你有一个类包含了用户心情, 而你在用户类中存储了用户的详细信息,你可以构造一个查询来查找被点赞次数超过5次的用户信息,示例代码如下:

  1. var Diary = Bmob.Object.extend("diary");
  2. var DiaryQuery = new Bmob.Query(Diary);
  3. DiaryQuery.greaterThan("isLike",5);
  4. var userQuery = new Bmob.Query(Bmob.User);
  5. userQuery.matchesKeyInQuery("phone", "nickname", DiaryQuery);
  6. userQuery.find({
  7. success: function(results) {
  8. // results has the list of users with all user with record
  9. }
  10. });

相对地,可以使用doesNotMatchKeyInQuery来获取属性不在子查询结果中的对象。比如为了获得用户的日记被点赞不超过5次的情况:

  1. var Diary = Bmob.Object.extend("diary");
  2. var DiaryQuery = new Bmob.Query(Diary);
  3. DiaryQuery.greaterThan("isLike",5);
  4. var userQuery = new Bmob.Query(Bmob.User);
  5. userQuery.doesNotMatchKeyInQuery("phone", "nickname", DiaryQuery);
  6. userQuery.find({
  7. success: function(results) {
  8. }
  9. });

查询指定列

有时候你不想返回所有的字段信息,那么就可以用select方法来限定返回的字段。示例代码如下:

  1. var Diary = Bmob.Object.extend("diary");
  2. var query = new Bmob.Query(Diary);
  3. // 只返回score和playerName字段值
  4. query.select("title");
  5. query.find().then(function(results) {
  6. // 返回成功
  7. });

注意:系统默认的字段objectIdcreatedAtupdatedAtACL也会返回。

对字符串类型做查询

如果想要查询以某一个特定字符串开头的记录,可以使用startWith方法,示例代码如下:

  1. // 查询在title字段中以he开头的记录
  2. var query = new Bmob.Query(Diary);
  3. query.startsWith("title", "he");

或查询

你可以使用Bmob.Query.or方法操作或查询,示例代码如下:

  1. var query1 = new Bmob.Query(Diary);
  2. query1.greaterThan("isLike", 150);
  3. var query2 = new Bmob.Query(Diary);
  4. query2.lessThan("isLike", 5);
  5. var mainQuery = Bmob.Query.or(query1, query2);
  6. mainQuery.find({
  7. success: function(results) {
  8. // 返回 isLike > 150 or isLike < 5 的值
  9. },
  10. error: function(error) {
  11. // 返回失败
  12. }
  13. });

注意:我们不会在组合查询的子查询中支持非过滤型的条件 (比如:limit,skip,ascending/descending,include)

修改数据

修改数据非常简单,首先需要获取到要更新的Bmob.Object对象,修改值后保存数据就可以了,示例代码如下:

  1. var Diary = Bmob.Object.extend("diary");
  2. var query = new Bmob.Query(Diary);
  3. // 这个 id 是要修改条目的 id,你在
  4. 这个存储并成功时可以获取到,请看前面的文档
  5. query.get('3453453453fdsdf', {
  6. success: function(result) {
  7. // 回调中可以取得这个 GameScore 对象的一个实例,然后就可以修改它了
  8. result.set('title', 'test!');
  9. result.save();
  10. // The object was retrieved successfully.
  11. },
  12. error: function(object, error) {
  13. }
  14. });

或者

  1. var Diary = Bmob.Object.extend("diary");
  2. var Diary = new Diary();
  3. Diary.set("title", "111");
  4. Diary.set("content", "222");
  5. //添加数据
  6. Diary.save(null, {
  7. success: function(result) {
  8. // 修改数据
  9. result.set("title", "111");
  10. result.set("content", "222");
  11. result.save();
  12. }
  13. })

如果想更新成功后获取更新后的对象属性,请设置fetchWhenSave

  1. //假设result是已经存在的对象
  2. result.fetchWhenSave(true);
  3. result.set("title", "111");
  4. result.set("content", "222");
  5. result.save();

删除数据

删除数据可以使用Bmob.Objectdestroy方法,示例代码如下:

  1. myObject.destroy({
  2. success: function(myObject) {
  3. // 删除成功
  4. },
  5. error: function(myObject, error) {
  6. // 删除失败
  7. }
  8. });

批量删除对象的示例代码如下:

  1. //单个请求每次最多删除50条。
  2. var query = new Bmob.Query('diary');
  3. query.equalTo("title", "后端云");
  4. query.find().then(function (todos) {
  5. return Bmob.Object.destroyAll(todos);
  6. }).then(function (todos) {
  7. console.log(todos);
  8. // 删除成功
  9. }, function (error) {
  10. // 异常处理
  11. });

如果你想将查询出来的对象都删除,或者删除符合查询条件的所有对象,可以调用destroyAll方法,示例代码如下:

  1. query.destroyAll({
  2. success: function(){
  3. //删除成功
  4. },
  5. error: function(err){
  6. // 删除失败
  7. }
  8. });

删除字段

你可以使用unset方法在删除一个字段:

  1. // 删除playerName字段
  2. myObject.unset("title");
  3. myObject.save();

常见数据类型的操作

  1. var number = 42;
  2. var string = "the number is " + number;
  3. var date = new Date();
  4. var array = [string, number];
  5. var object = { number: number, string: string };
  6. var bigObject = new BigObject();
  7. bigObject.set("myNumber", number);
  8. bigObject.set("myString", string);
  9. bigObject.set("myDate", date);
  10. bigObject.set("myArray", array);
  11. bigObject.set("myObject", object);
  12. bigObject.set("myNull", null);
  13. bigObject.save();

数组操作

添加及更新数组

为了帮你存储数组类数据,有三种操作你可以原子性地改动一个数组,这需要一个给定的 key:

  • add在一个数组的末尾加入一个给定的对象。
  • addUnique只会把原本不存在的对象加入数组,所以加入的位置没有保证。

比如, 我们想在数组”DiaryType”中加入日记类型:

  1. Diary.addUnique("DiaryType", "public");
  2. Diary.addUnique("DiaryType", "secret");
  3. Diary.save();

数组查询

对于value是数组的情况,你可以这样查询数组中的值有2的情况的对象:

  1. // Find objects where the array in DiaryType contains public.
  2. query.equalTo("DiaryType","public");

你同样可以用下面的方式找到同时包含元素2、3、4的数组:

  1. // Find objects where the array in DiaryType contains all of the elements public,secret.
  2. query.containsAll("DiaryType", ["public","secret"]);

删除数组

remove在一个数组中删除所有指定的所有实例:

  1. var Diary = Bmob.Object.extend("diary");
  2. var query = new Bmob.Query(Diary);
  3. query.get("bc5da708dc",{
  4. success: function(result) {
  5. result.remove("DiaryType","public");
  6. result.save();
  7. },
  8. error: function(error) {
  9. console.log("Error: " + error.code + " " + error.message);
  10. }
  11. });

批量操作

批量更新示例

  1. Todotitle所有为Bmob的更新为Bmob后端云
  2. var query = new bmob.Query('Todo');
  3. query.equalTo("title", "bmob");
  4. query.find().then(function(todos) {
  5. todos.forEach(function(todo) {
  6. todo.set('title', "Bmob后端云");
  7. });
  8. return bmob.Object.saveAll(todos);
  9. }).then(function(todos) {
  10. // 更新成功
  11. },
  12. function(error) {
  13. // 异常处理
  14. });

批量增删改

  1. var objects = []; // 构建一个本地的 bmob.Object 对象数组
  2. // 批量创建(更新)
  3. bmob.Object.saveAll(objects).then(function(objects) {
  4. // 成功
  5. },
  6. function(error) {
  7. // 异常处理
  8. });
  9. // 批量删除
  10. bmob.Object.destroyAll(objects).then(function() {
  11. // 成功
  12. },
  13. function(error) {
  14. // 异常处理
  15. });
  16. // 批量获取
  17. bmob.Object.fetchAll(objects).then(function(objects) {
  18. // 成功
  19. },
  20. function(error) {
  21. // 异常处理
  22. });

数据关联

添加及修改关联关系

一对一关系和一对多关系

一对一关系和一对多关系都可以通过在一个Bmob.Object内保存另一个对象来实现。比如,每一个 Comment都对应了一个Post,创建一个有一个Comment的Post,你可以这样写:

  1. // Declare the types.
  2. var Post = Bmob.Object.extend("Post");
  3. var Comment = Bmob.Object.extend("Comment");
  4. // Create the post
  5. var myPost = new Post();
  6. myPost.set("title", "I'm Hungry");
  7. myPost.set("content", "Where should we go for lunch?");
  8. // Create the comment
  9. var myComment = new Comment();
  10. myComment.set("content", "Let's do Sushirrito.");
  11. // Add the post as a value in the comment
  12. myComment.set("parent", myPost);
  13. // This will save both myPost and myComment
  14. myComment.save();

Bmob内部会自动处理,调用Comment的save方法就可以同时保存两个新对象。

如果是现有对象想要关联到新对象,你同样可以通过只用它们的objectId来连接彼此。请注意,不能直接像上面的例子那样将现有对象设置进去,而是必须new一个新对象并只设置id属性:

  1. var post = Bmob.Object.createWithoutData("Post", "320b0395f3");
  2. myComment.set("parent", post);

或者:

  1. var post = new Post();
  2. post.id = '520c7e1ae4b0a3ac9ebe326a';
  3. myComment.set("parent", post);

如果希望查询结果中包含多个相关联的其他数据类型。你可以使用 include 方 法。例如有个comments,你可能想同时获取它们相关的 post 数据:

  1. var query = new Bmob.Query(Comment);
  2. query.include("post");

可以这样获取include对象的属性:

  1. obj.get("inloudeObj").field

查出用户发表的日志示例

  1. var objectId,that=this;
  2. var currentUser = Bmob.User.current();
  3. objectId = currentUser.id;
  4. var Diary = Bmob.Object.extend("diary");
  5. var query = new Bmob.Query(Diary);
  6. var isme = new Bmob.User();
  7. isme.id = objectId; //当前用户的objectId
  8. query.equalTo("own", isme);
  9. query.descending('createdAt'); //排序
  10. query.include("own"); //own 字段名称,类型 Pointer
  11. // 查询所有数据
  12. query.limit(that.data.limit);
  13. query.find({
  14. success: function (results) {
  15. that.setData({
  16. diaryList: results
  17. })
  18. },
  19. error: function (error) {
  20. console.log("查询失败: " + error.code + " " + error.message);
  21. }
  22. });

wxml文件调用

  1. <view class="weui-media-box weui-media-box_text" wx:for="{{diaryList}}" wx:key="diaryItem">
  2. 日志标题:
  3. {{item.title}}
  4. 用户表的日志作者:
  5. {{item.own.nickName}}
  6. </view>

原子计数器

许多应用都需要维持一些计数器数据,譬如用来跟踪心情被点赞数目等等。Bmob提供了便捷的方式来对任何数字字段进行原子性的增加或者减少:

  1. Diary.increment("isLike");
  2. Diary.save();

你可以同样传入第二个参数到increment方法来指定增加多少,1是默认值。

文件上传

文件上传

文件上传,例如,我们从本地上传一张图片到服务器,名称为”1.jpg”,可用以下代码:

在js中添加以下代码:

  1. wx.chooseImage({
  2. count: 1, // 默认9
  3. sizeType: [ 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
  4. sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
  5. success: function (res) {
  6. var tempFilePaths = res.tempFilePaths;
  7. if(tempFilePaths.length>0){
  8. var name="1.jpg";//上传的图片的别名,建议可以用日期命名
  9. var file=new Bmob.File(name,tempFilePaths);
  10. file.save().then(function(res){
  11. console.log(res.url());
  12. },function(error){
  13. console.log(error);
  14. })
  15. }
  16. }
  17. })
  18. #### PS: 特别注意的是 `tempFilePaths` 是微信返回的数组。

图片批量上传

图片批量上传,我们只需要for循环一下上面的就好,一下示例代码。

  1. upImg: function () {
  2. var that = this;
  3. wx.chooseImage({
  4. count: 9, // 默认9
  5. sizeType: ['compressed'], // 可以指定是原图还是压缩图,默认二者都有
  6. sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
  7. success: function (res) {
  8. wx.showNavigationBarLoading()
  9. that.setData({
  10. loading: false
  11. })
  12. var urlArr = new Array();
  13. // var urlArr={};
  14. var tempFilePaths = res.tempFilePaths;
  15. console.log(tempFilePaths)
  16. var imgLength = tempFilePaths.length;
  17. if (imgLength > 0) {
  18. var newDate = new Date();
  19. var newDateStr = newDate.toLocaleDateString();
  20. var j = 0;
  21. //如果想顺序变更,可以for (var i = imgLength; i > 0; i--)
  22. for (var i = 0; i < imgLength; i++) {
  23. var tempFilePath = [tempFilePaths[i]];
  24. var extension = /\.([^.]*)$/.exec(tempFilePath[0]);
  25. if (extension) {
  26. extension = extension[1].toLowerCase();
  27. }
  28. var name = newDateStr + "." + extension;//上传的图片的别名
  29. var file = new Bmob.File(name, tempFilePath);
  30. file.save().then(function (res) {
  31. wx.hideNavigationBarLoading()
  32. var url = res.url();
  33. console.log("第" + i + "张Url" + url);
  34. urlArr.push({ "url": url });
  35. j++;
  36. console.log(j, imgLength);
  37. // if (imgLength == j) {
  38. // console.log(imgLength, urlArr);
  39. //如果担心网络延时问题,可以去掉这几行注释,就是全部上传完成后显示。
  40. showPic(urlArr, that)
  41. // }
  42. }, function (error) {
  43. console.log(error)
  44. });
  45. }
  46. }
  47. }
  48. })
  49. }
  50. })
  51. //上传完成后显示图片
  52. function showPic(urlArr, t) {
  53. t.setData({
  54. loading: true,
  55. urlArr: urlArr
  56. })
  57. }

文件删除

  1. var path;
  2. path = "http://bmob-cdn-9200.b0.upaiyun.com/2017/04/25/f24b9ef540f1aeb680ebe01ba8543d9f.png";
  3. var s = new Bmob.Files.del(path).then(function(res) {
  4. if (res.msg == "ok") {
  5. console.log('删除成功');
  6. }
  7. },
  8. function(error) {
  9. console.log(error)
  10. });

图片处理

新版文件服务由第三方厂商又拍云提供,只需要在文件上传成功返回的url后面拼接特定参数即可实现缩放,缩略图,加水印等效果,如图,具体可参考这里

Promise

除了回调函数之外,每一个在Bmob JavaScript SDK中的异步方法都会返回一个 Promise. 使用 Promise,你的代码可以比原来的嵌套 callback 的方法看起来优雅得多.

then 方法

每一个Promise都有一个叫then的方法, 这个方法接受一对callback。第一个callbackpromise被解决的时候调用,第二个会在promise被拒绝的时候调用。

  1. obj.save().then(function(obj) {
  2. // the object was saved successfully.
  3. }, function(error) {
  4. // the save failed.
  5. });

将Promise 组织在一起

Promise比较神奇,可以代替多层嵌套方式来解决发送异步请求代码的调用顺序问题。 如果一个Promise的回调会返回一个Promise,那么第二个then里的callback在第一个thencallback没有解决前是不会解决的。

  1. var query = new Bmob.Query("Student");
  2. query.descending("gpa");
  3. query.find().then(function(students) {
  4. students[0].set("valedictorian", true);
  5. return students[0].save();
  6. }).then(function(valedictorian) {
  7. return query.find();
  8. }).then(function(students) {
  9. students[1].set("salutatorian", true);
  10. return students[1].save();
  11. }).then(function(salutatorian) {
  12. // Everything is done!
  13. });

错误处理

如果任意一个在链中的Promise返回一个错误的话,所有的成功的callback在接下来都会被跳过直到遇到一个处理错误的callback。处理errorcallback可以转换error或者可以通过返回一个新的Promise的方式来处理它。你可以想象成拒绝的promise有点像异常,而error callback则像是一个catch来处理这个异常或者抛出异常。

  1. var query = new Bmob.Query("Student");
  2. query.descending("gpa");
  3. query.find().then(function(students) {
  4. students[0].set("valedictorian", true);
  5. // Force this callback to fail.
  6. return Bmob.Promise.error("There was an error.");
  7. }).then(function(valedictorian) {
  8. // Now this will be skipped.
  9. return query.find();
  10. }).then(function(students) {
  11. // This will also be skipped.
  12. students[1].set("salutatorian", true);
  13. return students[1].save();
  14. }, function(error) {
  15. // This error handler WILL be called. error will be "There was an error.".
  16. // Let's handle the error by returning a new promise.
  17. return Bmob.Promise.as("Hello!");
  18. }).then(function(hello) {
  19. // Everything is done!
  20. }, function(error) {
  21. // This isn't called because the error was already handled.
  22. });

通常来说,在正常情况的回调函数链的末尾,加一个错误处理的回调函数会是很方便的做法.

创建 Promise

在开始阶段,你可以只用系统(譬如findsave方法等)返回的promise。但在更高级的场景下,你可能需要创建自己的promise。在创建了Promise之后,你需要调用resolve或者reject来触发它的callback

  1. var successful = new Bmob.Promise();
  2. successful.resolve("The good result.");
  3. var failed = new Bmob.Promise();
  4. failed.reject("An error message.");

如果你在创建promise的时候就知道它的结果,下面有两个很方便的方法可以使用:

  1. var successful = Bmob.Promise.as("The good result.");
  2. var failed = Bmob.Promise.error("An error message.");

顺序的Promise

  1. var query = new Bmob.Query("Comments");
  2. query.equalTo("post", 123);
  3. query.find().then(function(results) {
  4. // Create a trivial resolved promise as a base case.
  5. var promise = Bmob.Promise.as();
  6. _.each(results, function(result) {
  7. // For each item, extend the promise with a function to delete it.
  8. promise = promise.then(function() {
  9. // Return a promise that will be resolved when the delete is finished.
  10. return result.destroy();
  11. });
  12. });
  13. return promise;
  14. }).then(function() {
  15. // Every comment was deleted.
  16. });

并行的Promise

你也可以用Promise来并行的进行多个任务,这时需要使用when方法。你可以一次同时开始几个操作,使用Bmob.Promise.when来创建一个新的promise,它会在所有输入的Promise被解决之后才被解决。即便一些输入的promise失败了,新的Promise也会被成功执行。你可以在 callback的参数部分检查每一个promise的结果,并行地进行操作会比顺序进行更快,但是也会消耗更多的系统资源和带宽。

  1. var query = new Bmob.Query("Comments");
  2. query.equalTo("post", 123);
  3. query.find().then(function(results) {
  4. // Collect one promise for each delete into an array.
  5. var promises = [];
  6. _.each(results, function(result) {
  7. // Start this delete immediately and add its promise to the list.
  8. promises.push(result.destroy());
  9. });
  10. // Return a new promise that is resolved when all of the deletes are finished.
  11. return Bmob.Promise.when(promises);
  12. }).then(function() {
  13. // Every comment was deleted.
  14. });

创建异步方法

有了上面这些工具以后, 就很容易创建你自己的异步方法来返回promise了。举例说,你可以创建一个有promise版本的setTimeout

  1. var delay = function(millis) {
  2. var promise = new Bmob.Promise();
  3. setTimeout(function() {
  4. promise.resolve();
  5. }, millis);
  6. return promise;
  7. };
  8. delay(100).then(function() {
  9. // This ran after 100ms!
  10. });

Collection

一个Bmob.Collection就是一个Bmob.Objects的有序集合,它和Backbone.Collection是兼容的,有相同的特性和功能,你可以通过用一个模型类或者一个特定的Bmob.Query来创建一个新的子类。

  1. // A Collection containing all instances of TestObject.
  2. var TestCollection = Bmob.Collection.extend({
  3. model: TestObject
  4. });
  5. var collection = new TestCollection();
  6. // A Collection of TestObjects whose temperature is "hot".
  7. var HotCollection = Bmob.Collection.extend({
  8. model: TestObject,
  9. query: (new Bmob.Query(TestObject)).equalTo("temperature", "hot")
  10. });
  11. var collection = new HotCollection();
  12. // The Collection of TestObjects that match a complex query.
  13. var query = new Bmob.Query(TestObject);
  14. query.equalTo("temperature", "hot");
  15. query.greaterThan("degreesF", 100);
  16. var collection = query.collection();

获取Collection

使用fetch方法来获取一个collection里的所有元素:

  1. var collection = new TestCollection();
  2. collection.fetch({
  3. success: function(collection) {
  4. collection.each(function(object) {
  5. console.warn(object);
  6. });
  7. },
  8. error: function(collection, error) {
  9. // The collection could not be retrieved.
  10. }
  11. });

Collection 排序

你可以设定一个comparator来对collection中的元素进行排序:

  1. var collection = new TestCollection();
  2. collection.comparator = function(object) {
  3. return object.get("temperature");
  4. };

修改一个 Collection

Collection是可变的,你可以访问所有元素,增加或者删除元素:

  1. var collection = new TestCollection();
  2. collection.add([
  3. {"name": "Duke"},
  4. {"name": "Scarlett"}
  5. ]);
  6. // Get the "Duke" Bmob.Object by its sorted position.
  7. var model = collection.at(0);
  8. // Or you can get it by Bmob objectId.
  9. var modelAgain = collection.get(model.id);
  10. // Remove "Duke" from the collection.
  11. collection.remove(model);
  12. // Completely replace all items in the collection.
  13. collection.reset([
  14. {"name": "Hawk"},
  15. {"name": "Jane"}
  16. ]);

用户

在许多应用中,都有一个用户账户的概念,用户账户让用户可以用安全的方式访问他们自己的信息。我们提供了一个特殊的用户类叫Bmob.User来自动处理有关用户的账户管理的功能。

Bmob.UserBmob.Object的一个子类,而且有Bmob.Object一样的功能,比如可变的模式、自动的持久化、键值对接口等。所有对Bmob.Object有用的方法同样可以作用于Bmob.UserBmob.User的不同之处在于Bmob.User对于用户的账户有一些特定的功能。

属性

Bmob.User有一些与Bmob.Object不一样的字段:
username:用户的用户名(必须提供)
password:用户的密码(在注册的时候必须提供)
email:用户的 email(可选)
userData:每个微信用户的唯一标识,包括用户openId、expires_in、session_key(可选,自行创建,Object类型)
我们会在下面的用例中详细介绍细节

注册一(使用用户账号密码进行注册)

通常你的app第一件要做的事情就是让用户进行注册,这里把用户密码设置为Openid,下面的代码展示了怎样进行微信注册的过程(包括获取用户的唯一标识):

首先要在_User表新建一个用来存用户唯一标识的字段,例如:userData(Object类型),然后在js中插入以下代码:

  1. wx.login({
  2. success: function(res) {
  3. if (res.code) {
  4. Bmob.User.requestOpenId(res.code, {//获取userData(根据个人的需要,如果需要获取userData的需要在应用密钥中配置你的微信小程序AppId和AppSecret,且在你的项目中要填写你的appId)
  5. success: function(userData) {
  6. wx.getUserInfo({
  7. success: function(result) {
  8. var userInfo = result.userInfo
  9. var nickName = userInfo.nickName
  10. var user = new Bmob.User();//开始注册用户
  11. user.set("username", nickName);
  12. user.set("password", userData.openid);//因为密码必须提供,但是微信直接登录小程序是没有密码的,所以用openId作为唯一密码
  13. user.set("userData", userData);
  14. user.signUp(null, {
  15. success: function(res) {
  16. console.log("注册成功!");
  17. },
  18. error: function(userData, error) {
  19. console.log(error)
  20. }
  21. });
  22. }
  23. })
  24. },
  25. error: function(error) {
  26. // Show the error message somewhere
  27. console.log("Error: " + error.code + " " + error.message);
  28. }
  29. });
  30. } else {
  31. console.log('获取用户登录态失败!' + res.errMsg)
  32. }
  33. }
  34. });

这个调用会异步地在在你的应用中创建一个新的用户。在它这样做之前,它同样会确认用户名和email在应用内都是唯一的。同样,我们从不会将用户密码以明文向任何客户端发送。

注意我们使用了signUp方法而不是save方法,新的Bmob.User永远应该使用signUp方法来新建。而随后的用户的信息更新可以调用save来做。

如果一个signup没有成功的话,你应该读取返回的错误对象。最常见的问题是username或者email已经被其他用户所使用了。你应该清楚地反馈给你的用户,让他们再次用一个不同的用户名来注册。

你也可以使用email来作为用户名,只要求你的用户输入他们的email但是同时自动填充好username属性就可以了,Bmob.User会跟原来一样工作,我们会在下面的重设密码环节再次说明这个细节。

注册二(登录注册集合类,接口默认第一次注册,否则返回用户信息)

首先要在_User表新建一个用来存用户唯一标识的字段,例如:userData(Object类型),然后在js中插入以下代码:

  1. var user = new Bmob.User();//实例化
  2. wx.login({
  3. success: function (res) {
  4. user.loginWithWeapp(res.code).then(function (user) {
  5. var openid = user.get("authData").weapp.openid;
  6. console.log(user, 'user', user.id, res);
  7. if (user.get("nickName")) {
  8. // 第二次登录,打印用户之前保存的昵称
  9. console.log(user.get("nickName"), 'res.get("nickName")');
  10. //更新openid
  11. wx.setStorageSync('openid', openid)
  12. } else {//注册成功的情况
  13. var u = Bmob.Object.extend("_User");
  14. var query = new Bmob.Query(u);
  15. query.get(user.id, {
  16. success: function (result) {
  17. wx.setStorageSync('own', result.get("uid"));
  18. },
  19. error: function (result, error) {
  20. console.log("查询失败");
  21. }
  22. });
  23. //保存用户其他信息,比如昵称头像之类的
  24. wx.getUserInfo({
  25. success: function (result) {
  26. var userInfo = result.userInfo;
  27. var nickName = userInfo.nickName;
  28. var avatarUrl = userInfo.avatarUrl;
  29. var u = Bmob.Object.extend("_User");
  30. var query = new Bmob.Query(u);
  31. // 这个 id 是要修改条目的 id,你在生成这个存储并成功时可以获取到,请看前面的文档
  32. query.get(user.id, {
  33. success: function (result) {
  34. // 自动绑定之前的账号
  35. result.set('nickName', nickName);
  36. result.set("userPic", avatarUrl);
  37. result.set("openid", openid);
  38. result.save();
  39. }
  40. });
  41. }
  42. });
  43. }
  44. }, function (err) {
  45. console.log(err, 'errr');
  46. });
  47. }
  48. });
  49. }

登录(自有账户密码登录,适合APP迁移过来的用户)

如果你要求你的用户用你自己设计的注册页面注册后,当然应该让他们在以后用自己的账户登录进来,你可以使用logIn方法来进行登陆:

  1. Bmob.User.logIn("myname", "mypass", {
  2. success: function(user) {
  3. // Do stuff after successful login.
  4. },
  5. error: function(user, error) {
  6. // The login failed. Check error to see why.
  7. }
  8. });

验证 Email

在application设置中启用email验证可以让你的应用给最终用户一些更安全的使用体验,譬如部分功能只开放给验证过邮箱的用户使用等等。Email验证会在Bmob.User上加入一个emailVerified字段。当一个Bmob.Useremail被设定或者修改后,emailVerfied会被设定为false。Bmob 会向用户的email来发送一个链接,点击这个链接会设置emailVerifiedtrue

有三种emailVerified状态可以供参考:

  1. true:用户已经通过点击Bmob发过来的链接来确认邮箱地址. 当用户账户新创建的时候这个值永远不应该是true。
  2. false:在 Bmob.User对象最后一次刷新的时候,用户还是没有确认他们的email地址,如果emailVerified是false 的话,你应该考虑调用Bmob.Userfetch方法。
  3. missingBmob.User被创建了,但是当时的email验证功能还没有开启, 或者说Bmob.User没有email地址。

代码例子如下:console.log

  1. //reset password
  2. Bmob.User.requestEmailVerify("h6k65@126.com", {
  3. success: function() {
  4. // Password reset request was sent successfully
  5. },
  6. error: function(error) {
  7. // Show the error message somewhere
  8. console.log("Error: " + error.code + " " + error.message);
  9. }
  10. });

当前用户

如果用户每次打开App的时候都要求登录无疑是令人感到厌烦的,你可以通过缓存当前的Bmob.User对象来避免这个问题。

无论你使用任何注册或者登录方法,用户都会在localStorage中储存,你可以把缓存作为一个session对待,并且自动假设用户已经登录了。

  1. var currentUser = Bmob.User.current();
  2. if (currentUser) {
  3. // do stuff with the user
  4. } else {
  5. // show the signup or login page
  6. }

你可以通过logout来清除掉当前的用户:

  1. Bmob.User.logOut();
  2. var currentUser = Bmob.User.current(); // this will now be null

用户对象的安全

Bmob.User类默认就是受保护的,在Bmob.User中保存的数据只能被那个用户所修改。默认地,数据仍然可以被任意客户端所读取。这样就是说,有些Bmob.User对象被认证后是可以修改的,其他的仍然是只读的。

特别的,你不能调用save或者delete方法除非Bmob.User经过了认证,就比如调用过了logIn或者signUp方法,这样保证只有用户能改动他们自身的数据。

下面的代码展示了上面说的安全策略:

  1. var user = Bmob.User.logIn("my_username", "my_password", {
  2. success: function(user) {
  3. user.set("username", "my_new_username"); // attempt to change username
  4. user.save(null, {
  5. success: function(user) {
  6. // This succeeds, since the user was authenticated on the device
  7. // Get the user from a non-authenticated method
  8. var query = new Bmob.Query(Bmob.User);
  9. query.get(user.objectId, {
  10. success: function(userAgain) {
  11. userAgain.set("username", "another_username");
  12. userAgain.save(null, {
  13. error: function(userAgain, error) {
  14. // This will error, since the Bmob.User is not authenticated
  15. }
  16. });
  17. }
  18. });
  19. }
  20. });
  21. }
  22. });

Bmob.User.current()获取的Bmob.User总是已经通过验证了的。

如果你需要查看一个Bmob.User是否已经认证过了,你可以调用authenticated方法,你不需要查看一个认证方法中返回的Bmob.User对象是否已经通过验证了。

其他对象的安全

Bmob.User相同的安全模型也使用于其他对象。对于任何对象来说,你可以指定哪些用户会被允许读取对象,哪些用户被允许修改对象。为了支持这种安全机制,每一个对象都有一个允许访问列表 (ACL),是被Bmob.ACL类所实现的。

使用一个Bmob.ACL最简单的方式是指定一个对象只能被一个单一的用户读或者写。为了创建这样的对象,首先必须有一个已经登录的Bmob.User。然后,新的Bmob.ACL(user)生成一个Bmob.ACL来限定user的访问。一个对象的ACL会在对象保存的时候被存储起来,就像其他的属性一样,这样,为了创建一个当前user私有的一个note:

  1. var Note = Bmob.Object.extend("Note");
  2. var privateNote = new Note();
  3. privateNote.set("content", "This note is private!");
  4. privateNote.setACL(new Bmob.ACL(Bmob.User.current()));
  5. privateNote.save();

这个note只能由当前的用户所访问,但是可以在用户登录的任何设备上访问,只要是相同的用户就可以了。这项功能对于你如果想让用户再任何其他的设备上保存和访问数据十分有用,比如说一个私人的todo list应用。

权限也能在使用者的基础上授予,你可以通过setReadAccesssetWriteAccess方法独立的向Bmob.ACL中添加权限。比如,假设你有一条消息想要发送给一个组里的多个用户,他们中的每一个都有读和写的权限:

  1. var Message = Bmob.Object.extend("Message");
  2. var groupMessage = new Message();
  3. var groupACL = new Bmob.ACL();
  4. // userList is an array with the users we are sending this message to.
  5. for (var i = 0; i < userList.length; i++) {
  6. groupACL.setReadAccess(userList[i], true);
  7. groupACL.setWriteAccess(userList[i], true);
  8. }
  9. groupMessage.setACL(groupACL);
  10. groupMessage.save();

你同样可以对所有的用户授权,只要使用setPublicReadAccesssetPublicWriteAccess就可以了。这样允许了在一个消息板上发评论的模式,比如,我们要创建一个post只能被它的作者修改,但是可以被所有人读取:

  1. var publicPost = new Post();
  2. var postACL = new Bmob.ACL(Bmob.User.current());
  3. postACL.setPublicReadAccess(true);
  4. publicPost.setACL(postACL);
  5. publicPost.save();

比如说删除一个对象,但是你没有写的权限这种操作是禁止的,这样会返回一个Bmob.Error.OBJECT_NOT_FOUND的错误码,为了安全起见,这样防止了客户端区分出到底有哪些对象被创建了但是无法读取还是根本不存在。

重设密码

在现实中只要你引入了密码系统,总会有用户会忘掉他们的密码。在这种情形下,我们的库提供一个让他们安全地重设密码的功能。

为了能让用户重设密码,应该要求用户提供他们的email地址,然后这样调用:

  1. Bmob.User.requestPasswordReset("test@126.com", {
  2. success: function() {
  3. // Password reset request was sent successfully
  4. },
  5. error: function(error) {
  6. // Show the error message somewhere
  7. console.log("Error: " + error.code + " " + error.message);
  8. }
  9. });

这样会尝试匹配给定的email和用户的email或者username字段,然后会发送用户的密码重设邮件。由于我们是这样做的,所以你可以选择用户是否拿email作为他们的用户名,或者说用户把email作为用户的另一个信息保存。

密码重设的流程如下:

  1. 用户输入email来请求重设他们的密码。
  2. Bmob向用户的email地址发送邮件,包含了一个重设密码的链接。
  3. 用户点击这个重设密码的链接,会重定向到一个Bmob页面来允许他们重设密码。
  4. 用户输入新的密码,他们的密码现在会更新为输入的新密码。

查询

为了查询用户,你可以简单的创建一个Bmob.Query针对Bmob.Users

  1. var query = new Bmob.Query(Bmob.User);
  2. query.equalTo(gender, "female"); // find all the women
  3. query.find({
  4. success: function(women) {
  5. // Do stuff
  6. }
  7. });

关联

关联一个Bmob.User的对象可以很快就见效,比如说,假设你有一个blog程序,为了保存一个用户的新post还有读取他们所有的post。

  1. var user = Bmob.User.current();
  2. // Make a new post
  3. var Post = Bmob.Object.extend("Post");
  4. var post = new Post();
  5. post.set("title", "My New Post");
  6. post.set("body", "This is some great content.");
  7. post.set("user", user);
  8. post.save(null, {
  9. success: function(post) {
  10. // Find all posts by the current user
  11. var query = new Bmob.Query(Post);
  12. query.equalTo("user", user);
  13. query.find({
  14. success: function(usersPosts) {
  15. // userPosts contains all of the posts by the current user.
  16. }
  17. });
  18. }
  19. });

ACL和角色

数据安全是软件系统中最重要的组成部分,为了更好的保护应用数据的安全,Bmob在软件架构层面提供了应用层次、表层次、ACL(Access Control List:访问控制列表)、角色管理(Role)四种不同粒度的权限控制的方式,确保用户数据的安全(详细请查看Bmob数据与安全页面,了解Bmob如何保护数据安全)。

其中,最灵活的方法是通过ACL和角色,它的思路是每一条数据有一个用户和角色的列表,以及这些用户和角色拥有什么样的许可权限。

大多数应用程序需要对不同的数据进行灵活的访问和控制,这就可以使用Bmob提供的ACL模式来实现。例如:

  • 对于私有数据,读写权限可以只局限于数据的所有者。
  • 对于一个论坛,会员和版主有写的权限,一般的游客只有读的权限。
  • 对于日志数据只有开发者才能够访问,ACL可以拒绝所有的访问权限。
  • 属于一个被授权的用户或者开发者所创建的数据,可以有公共的读的权限,但是写入权限仅限于管理者角色。
  • 一个用户发送给另外一个用户的消息,可以只给这些用户赋予读写的权限。

ACL的格式

在Bmob中,ACL是按JSON对象格式(key-value)来表示的。这个JSON对象的key是objectId(用户表某个用户对应的objectId)或者是*(表示公共的访问权限),ACL 的值是”读和写的权限”,这个JSON对象的key总是权限名,而这些key的值总是true。

如果您想让一个id为”Kc3M222k”的用户有读和写一条数据的权限,而且这个数据应该可以被全部人读取的话,这个ACL的表达方式如下:

  1. {
  2. "Kc3M222k": {
  3. "read": true,
  4. "write": true
  5. },
  6. "*": {
  7. "read": true
  8. }
  9. }

角色和相关操作

在很多情况下,你需要定义一些用户具有某种相同的数据操作权限,而另外一群用户具有另外一种相同的数据操作权限,这时你就可以使用到Bmob的角色(对应Bmob在Web提供的Role表、SDK中的BmobRole类)功能,设置不同的用户组不同的操作权限。角色表有三个特殊字段:

name : 必须字段,表示角色名称,而且只允许被设置一次(命名必须由字母, 空格, 减号或者下划线构成)。

users :一个指向一系列用户的关系, 这些用户会继承角色的权限。

roles : 一个指向一系列子角色的关系, 这些子关系会继承父角色所有的权限。

创建角色

  1. var roleACL = new Bmob.ACL();
  2. roleACL.setPublicReadAccess(true);
  3. var role = new Bmob.Role("test", roleACL);
  4. role.save();

角色对象的安全性

Bmob.Role使用和其他Bmob对象一样的ACL权限策略, 除开它需要ACL被显式地设置以外。通常来说,只有用户有极大的权限(比如管理员)才应该被允许创建或者更改Role,所以你应该按这种标准来设定Role的ACL。请注意,如果你给了用户一个Bmob.Role一个写权限,这个用户有可能会在这个权限中加入另一个user,或者甚至直接把角色删除掉。

为了创建一个新的Bmob.Role,你应该如下写:

  1. // By specifying no write privileges for the ACL, we can ensure the role cannot be altered.
  2. var roleACL = new Bmob.ACL();
  3. roleACL.setPublicReadAccess(true);
  4. var role = new Bmob.Role("Administrator", roleACL);
  5. role.save();

你可以通过增加”user”和”roles”关系的成员来在Bmob.Role中加入用户或者子角色:

  1. var role = new Bmob.Role(roleName, roleACL);
  2. for (var i = 0; i < usersToAddToRole.length; i++) {
  3. role.getUsers().add(usersToAddToRole[i]);
  4. }
  5. for (var i = 0; i < rolesToAddToRole.length; i++) {
  6. role.getRoles().add(rolesToAddToRole[i]);
  7. }
  8. role.save();

请非常注意一点,注册角色的ACL的时候,它们只能被应该有权限修改它的人修改。

其他对象的安全性

现在你应该已经创建了在你的程序中要使用的一系列的角色,你可以用ACL来定义他们的用户可以拥有的权限,每一个Bmob.Object都可以指定一个Bmob.ACL,这样提供了哪些用户或者角色应该有权限来读或者写这个对象。

将一个读或者写的权限授予一个角色是很直观的,你可以使用Bmob.Role

  1. var moderators = /* Query for some Bmob.Role */;
  2. var wallPost = new Bmob.Object("WallPost");
  3. var postACL = new Bmob.ACL();
  4. postACL.setRoleWriteAccess(moderators, true);
  5. wallPost.setACL(postACL);
  6. wallPost.save();

你可以不需要查找这个Role,直接把名字提供给ACL:

  1. var wallPost = new Bmob.Object("WallPost");
  2. var postACL = new Bmob.ACL();
  3. postACL.setRoleWriteAccess("Moderators", true);
  4. wallPost.setACL(postACL);
  5. wallPost.save();

角色继承

就像上面所描述的一样,一个角色可能包含其他的角色,表示两个角色之间的父-子关系,这样做的结果就是任何被授予一个角色的权限都会被隐式地授予这个角 色的所有子角色。

这样的关系很经常会在有用户管理内容的程序之中看到,比如论坛,有一个很少量的用户称为管理员,有最高的权限,比如程序设定、创建新的论坛、设定所有人能看到的内容等等。另一类有一部分类似于”版主” 的用户,这些人有责任保持用户创建的内容是合适的,任何一个”版主”有的权限”管理员”都应该有。为了启用这种关系,你应该使”管理员”成为”版主”的一个子角色。

  1. var administrators = /* Your "Administrators" role */;
  2. var moderators = /* Your "Moderators" role */;
  3. moderators.getRoles().add(administrators);
  4. moderators.save();

地理位置

创建地理位置对象

地理位置对象的创建需要用到Bmob.GeoPoint类,如创建一个地理位置在纬度40度,经度在-30度的点的示例代码如下:

  1. var point = new Bmob.GeoPoint({latitude: 40.0, longitude: -30.0});

查询地理位置对象

现在你可以有一系列的对象可以做空间坐标查询了,如果能轻松地发现有哪些对象离一个点最近就好了。这样可以通过在Bmob.Query中加入一个near来做查询,为了获得离用户最近的10个地点列表,可以这样:

  1. // location对应Web后台的一个字段名称
  2. var userGeoPoint = userObject.get("location");
  3. // 创建查询
  4. var query = new Bmob.Query(PlaceObject);
  5. // location附近的位置
  6. query.near("location", userGeoPoint);
  7. // 返回10个地点数据
  8. query.limit(10);
  9. // 查询
  10. query.find({
  11. success: function(placesObjects) {
  12. }
  13. });

在这时placeObjects会返回一个按离userGeoPoint的距离排序的列表,注意如果一个ascending()/descending()给了查询的话,会取代按距离排序这项特性。

为了按距离限制返回的结果,你可以使用withinMileswithinKilometerswithinRadians

同样,查询在特定地域的Object是可以的。为了找到用矩形表示的一块地域中的对象,加入withinGeoBox来在Bmob.Query中加入约束。

  1. var southwestOfSF = new Bmob.GeoPoint(37.708813, -122.526398);
  2. var northeastOfSF = new Bmob.GeoPoint(37.822802, -122.373962);
  3. var query = new Bmob.Query(PizzaPlaceObject);
  4. query.withinGeoBox("location", southwestOfSF, northeastOfSF);
  5. query.find({
  6. success: function(pizzaPlacesInSF) {
  7. ...
  8. }
  9. });

小程序使用云逻辑

端逻辑调用使用Bmob.Cloud.run方法,如调用云函数中的”test”方法,并传递name参数到服务器中的示例代码如下:

  1. Bmob.Cloud.run('test', {"name":"tom"}, {
  2. success: function(result) {
  3. console.log(result);
  4. },
  5. error: function(error) {
  6. }
  7. })

如果不需要传递参数,示例代码如下:

  1. Bmob.Cloud.run('test', {}, {
  2. success: function(result) {
  3. console.log(result);
  4. },
  5. error: function(error) {
  6. }
  7. })