零开发课程表插件
创建个人小程序申请插件使用,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);
}
})