基于Bmob云后端与微信小程序

点击微信头像在Bmob云后端数据库添加数据

  1. 使用微信开发工具创建一个项目
    基于Bmob云后端与微信小程序_第1张图片
    基于Bmob云后端与微信小程序_第2张图片
    项目目录选择一个空的文件夹,建立模版选择普通模版;填上自己小程序的AppID。

  2. 下载SDK下载SDK
    网址:https://github.com/bmob/hydrogen-js-sdk/
    解压后里面有很多资源,如下图:
    基于Bmob云后端与微信小程序_第3张图片

  3. 导入SDK并初始化
    本例子以下图的树目录结构进行代码添加和导入SDK为例子:
    基于Bmob云后端与微信小程序_第4张图片
    1、在上述下载的SDK中的dist文件夹下,选择复制Bmob-1.6.4.min.js文件,把他复制到你的项目工程utils文件夹里面。
    2、在app.js配置
    var Bmob = require(‘utils/Bmob-1.6.4.min.js’);
    Bmob.initialize(“你的Application ID”, “你的REST API Key”);

在这里插入图片描述

  1. 对Bmob云后端的数据表操作
    获取一行记录
    基于Bmob云后端与微信小程序_第5张图片
    在index文件夹的index.js添加一行代码:

    var Bmob = require(’…/…/utils/Bmob-1.6.4.min.js’);

测试与Bmob云后端的连接
基于Bmob云后端与微信小程序_第6张图片
在index.js文件事件处理函数注释掉:

//  wx.navigateTo({
      //url: '../logs/logs'
         // })
     在事件处理函数添加
     const query = Bmob.Query('diary');
  query.set("name", "Bmob")
  query.set("cover", "后端云")
  query.save().then(res => {
    console.log(res)
    console.log('123')
  }).catch(err => {
    console.log(err)
  })

编译没错后,点击真机调式,在手机上点击你的头像后刷新你的Bmob云后端,会出现如下图:
基于Bmob云后端与微信小程序_第7张图片

说明:自己先在Bmob云后端新建一个diary表。

你可能感兴趣的:(微信小程序开发)