当前位置:   article > 正文

微信小程序接入知晓云插件sdk入门_sdkplugin": { "version": "1.1.2", "provider": "wx1

sdkplugin": { "version": "1.1.2", "provider": "wx17e93aad47cdae1a" }

如果还没有小程序先新建小程序,
在知晓云控制台创建应用绑定微信小程序
在知晓云控制台配置小程序的秘钥
在这里插入图片描述
绑定sdk后点击添加插件
在这里插入图片描述
根据知晓云提供的插件sdk 接入文档操做即可,简单2步就接入

1 在项目的配置文件 app.json 中对插件进行引入声明:

"plugins": {
  "sdkPlugin": {
    "version": "3.9.0",
    "provider": "wxc6b86e382a1e3294"
  }
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

2 初始化sdk

//app.js
App({
  onLaunch: function() {
    wx.BaaS = requirePlugin('sdkPlugin')
    //让插件帮助完成登录、支付等功能
    wx.BaaS.wxExtend(wx.login, wx.getUserInfo, wx.requestPayment)

    let clientID = '填你自己的知晓云应用id'  // 应用名称: xxxx
    wx.BaaS.init(clientID)
  }
})
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11

就这样就将知晓云插件sdk接入完毕,可能小程序开发工具会提示一些下面的错误,无视之,不影响运行

VM183 appservice.js:8165 Uncaught TypeError: Page is not a function
    at VM183 appservice.js:8165
    at h (VM177 WAService.js:19)
    at VM177 WAService.js:19
    at VM183 appservice.js:8167
    at g (VM177 WAService.js:19)
    at _ (VM177 WAService.js:19)
    at VM183 appservice.js:8176
(anonymous) @ VM183 appservice.js:8165
h @ VM177 WAService.js:19
(anonymous) @ VM177 WAService.js:19
(anonymous) @ VM183 appservice.js:8167
g @ VM177 WAService.js:19
_ @ VM177 WAService.js:19
(anonymous) @ VM183 appservice.js:8176
VM171:1 thirdScriptError
Page is not a function;at App lifeCycleMethod onLaunch function
TypeError: Page is not a function
    at http://127.0.0.1:45582/appservice/__onlineplugin__/wxc6b86e382a1e3294/3.3.0/appservice.js:8165:14
    at h (http://127.0.0.1:45582/appservice/__dev__/WAService.js:19:5341)
    at http://127.0.0.1:45582/appservice/__dev__/WAService.js:19:5477
    at http://127.0.0.1:45582/appservice/__onlineplugin__/wxc6b86e382a1e3294/3.3.0/appservice.js:8167:2
    at g (http://127.0.0.1:45582/appservice/__dev__/WAService.js:19:5573)
    at _ (http://127.0.0.1:45582/appservice/__dev__/WAService.js:19:5924)
    at e.onLaunch (http://127.0.0.1:45582/appservice/app.js:14:15)
    at e.o (http://127.0.0.1:45582/appservice/__dev__/WAService.js:18:31681)
    at new e (http://127.0.0.1:45582/appservice/__dev__/WAService.js:19:1048)
    at Function.<anonymous> (http://127.0.0.1:45582/appservice/__dev__/WAService.js:19:1537)
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28

在这里插入图片描述

接入完后剩下的就是使用了,下面例子还是来自知晓云官方文档示例
在知晓云 控制台 -》数据 -》 添加一个数据表 bookshelf
然后在bookshelf表中添加一个列bookName

然后我们尝试在小程序中 使用知晓云插件sdk 往上面创建的数据表bookshelf中添加一条内容

  // 绑定添加书目的提交按钮点击事件,向服务器发送数据
  createBook(e) {
    let bookName = ‘haha’ // 缓存在 data 对象中的输入框输入的书名
    let Books = new wx.BaaS.TableObject('bookshelf') //实例化对应 tableName 的数据表对象
    let book = Books.create() // 创建一条记录

  // 调用创建数据项接口,进行数据的持久化存储,详见:https://doc.minapp.com/js-sdk/schema/create-record.html
    book.set({bookName})
      .save()
      .then(() => {
        //...
      })
  }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13

当调用了 createBook 方法后(怎么调用?弄个button绑定这个方法,点击button就调用了),到知晓云控制台-》数据-》数据表 bookshelf
可以看到城管添加了一条数据 bookName字段内容为 haha

在这里插入图片描述

其他更多功能见官方文档

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/AllinToyou/article/detail/90111
推荐阅读
相关标签
  

闽ICP备14008679号