收藏
评论

课程表插件

零开发课程表插件

创建个人小程序申请插件使用,1分钟发布自己的课程表小程序

第一步

登录小程序后台申请云开发权限,获取云开发环境ID

第二步 申请插件使用权限

https://mp.weixin.qq.com/wxopen/pluginbasicprofile?action=intro&appid=wxd4e6c7af049ae5ff&lang=zh_CN

第三步 app.js 中添加插件

"plugins": {
  "kcb-plugin": {
    "version": "latest",
    "provider": "wxd4e6c7af049ae5ff"
  }
}

第四步 index.json 代码

{
"navigationBarTitleText": "课程表",
"usingComponents": {
"kcb": "plugin://kcb-plugin/kcb-component"
}
}

第五步 index.wxml代码

<kcb id="mykcb" />

第六步 index.js 复制以下代码粘贴到index.js中

var kcbPlugin = requirePlugin("kcb-plugin");
// 请更换为自己的appid
const appId = "wx44bdc9371d3ccc1b";
// 请更换为自己的环境ID
const envId = "kcb-5gztlum66716de19";
Page({
data: {
appId: "",
openId: ""
},
onReady(){
  this.setData({
    appId: appId
  })
  var openId = wx.getStorageSync('openId');
  if(openId==null||openId==''){
    this.getOpenId();
  } else {
    this.setData({
      openId: openId
    })
    this.initKcb();
  }
},


getOpenId() {
  var that = this;
  wx.cloud.callFunction({
    name: 'quickstartFunctions',
    config: {
      env: envId
    },
    data: {
      type: 'getOpenId'
    }
  }).then((resp) => {
    console.log(resp);
    var openId = resp.result.openid;
    wx.setStorageSync("openId", openId);
    that.setData({
      openId: openId
    })
    that.initKcb();
  })
},

initKcb(){
  var appId = this.data.appId;
  var openId = this.data.openId;
  kcbPlugin.initKcb(appId, openId);
}
})


赞 0
收藏
登录 后发表内容