$微信小程序开发实践点滴——接入Bmob后端云

时间:2023-02-13 13:16:49

Bmob后端云官网:http://www.bmob.cn/

微信公众平台官网:https://mp.weixin.qq.com/

微信小程序官方开发文档:https://mp.weixin.qq.com/debug/wxadoc/dev/

本文对如何在微信小程序中接入Bmob后端云做一个简单的总结。所谓后端云,一句话概括就是跑在云端的数据库后台+服务器后台,引入到微信小程序开发中能带来的好处就是:让我们可以专注于小程序本身的业务逻辑开发,而不用去管复杂的后台服务器、后台数据库的搭建和维护。

准备一个小程序公众号和Bmob账号

首先需要到微信公众平台官网上去注册一个小程序类型的公众号,假设将要开发的小程序命名为:MyApp.

打开Bmob官网注册一个账号。

获取并记录好MyApp小程序的AppID和AppSecret

这两项信息在小程序后台的"设置-开发设置"页面可以获取到,获取到后需要在一个文本文件中记好,后面要用到。

登录Bmob控制台

创建一个应用,假设名字叫MyBmobApp,然后进入应用。到"设置"页面输入刚刚获取到的小程序的AppID和AppSecret并保存。

获取并记好MyBmobApp对应的Application ID和REST API key.

登录小程序MyApp后台

到"设置-开发设置-服务器域名"页面添加Bmob安全域名并保存(可一次性添加多个)。

注:四种安全域名(两种类型:https和wss)全部填api.bmob.cn和xxx.bmobcloud.com,其中"xxx"为MyBmobApp的Application ID.

下载SDK

到Bmob官网下载微信小程序对应的SDK并解压,将其中的所有js文件都放到小程序工程的utils目录下。

初始化和引入Bmob

在小程序工程的app.js中加入如下代码进行全局初始化:

var Bmob = require('utils/bmob.js');
Bmob.initialize('XXX','XXXXXX');
// 注:其中'XXX'为MyBmobApp的Application ID,'XXXXXX'为其REST API key

在需要用到Bmob的page页的js中引入Bmob:

var Bmob = require('../../utils/bmob.js');

现在就可以在小程序中对Bmob后端云数据库进行各种操作了,像操作本地数据库那么简单。

随机推荐

  1. 当一个页面出现多个checkbox全选时的处理

    HTML: <input type="checkbox" onclick="boxOnclick(this,'some1')">全选一 <in ...

  2. 股票投资组合-前进优化方法(Walk forward optimization)

    code{white-space: pre;} pre:not([class]) { background-color: white; }if (window.hljs && docu ...

  3. &lbrack;HDOJ2639&rsqb;Bone Collector II(第k优01背包)

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=2639 题意:求01背包的第k优解 dp(i, j)表示容量为j时的i优解 对于第二维的操作和01背包几 ...

  4. Top命令内存占用剖析

    原文: http://yalung929.blog.163.com/blog/static/203898225201212981731971/ 引 言: top命令作为Linux下最常用的性能分析工具 ...

  5. zepto源码研究 - zepto&period;js - 5&lpar;dom属性管理&rpar;

    index: $.fn = {...... indexOf: emptyArray.indexOf,} index: function(element){ //这里的$(element)[0]是为了将 ...

  6. Matches Puzzle Game

    Matches Puzzle Game 题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=5456 数位DP 首先我把C-A=B改为A+B=C(我觉得会简单 ...

  7. --&commat;angularJS--模板加载之缓存模板demo

    不用缓存模板的写法如下: 1.index.html: <!DOCTYPE HTML><html ng-app="app"><head>    & ...

  8. mongodb监控工具mongostat

    mongostat的使用及命令详解 mongostat是mongodb自带的状态检测工具,在命令行下使用,会间隔固定时间获取mongodb的当前运行状态,并输出. 1.常用命令格式: mongosta ...

  9. 使用ueditor的时候,style样式传递到后台时被过滤没了

    在项目中,使用ueditor的时候,style样式传递到后台时被过滤没了 转:https://www.cnblogs.com/theroad/p/5761743.html 经过chrome的一番调试后 ...

  10. nyoj-489-dinic&sol;建图

    哭泣天使 时间限制:1000 ms  |  内存限制:65535 KB 难度:5   描述 Doctor Who乘着Tardis带着Amy来到了一个星球,一开Tadis大门,发现这个星球上有个壮观的石 ...