美文网首页
微信小程序插件开发

微信小程序插件开发

作者: 魅眼ALong | 来源:发表于2020-04-24 16:10 被阅读0次

开发版调试,用最新版开发者工具

  • 需要真机调试

  • 开发调试:需要在同一appid的小程序中调试(不能直接在小程序插件项目中调试)

  • 需要上传开发版本复制上传成功后的id (如果返回id,请更新最新版开发者工具)

  • 调试使用,在app.json中

{
    "plugins": {
    "jdj-plugin": {
      "version": "dev-71ef0c224950da652a44f0e70ce9f077",//(正式版 为数字.数字.数字;测试版:'dev-[最新上传id]')
      "provider": "wxc4d4cc626486e904"
    },
    "functionalPages": true,
  },
}

页面引用 json

{
  "usingComponents": {
    "login": "plugin://jdj-plugin/login"
    }
}

wxml

<login />

页面wml

<!--index.wxml-->
<view class="container">
    <!-- 传入参数code 接收success [loginSuccess]  -->
    <login code="{{code}}" bind:success="loginSuccess" bind:fail="loginFail" />
</view>

页面js

const loginPlug = requirePlugin('jdjPlugin');
//获取应用实例
const app = getApp()

Page({
  data: {
    code: '',
    userInfo: {},
    hasUserInfo: false,
    canIUse: wx.canIUse('button.open-type.getUserInfo')
  },
  //事件处理函数
  bindViewTap: function () {
    wx.navigateTo({
      url: '../logs/logs'
    })
  },
  onLoad: function () {
    // 插件中 index.js的变量answer
    console.log(loginPlug.answer)
    wx.login({
      success: res => {
        this.setData({
          code: res.code
        })
        console.log(res)
      }
    })
  },
  // 成功
  loginSuccess(e) {
    console.log(e)
  },
  // 失败
  loginFail(e) {
    console.log(e)
  },
  getUserInfo: function (e) {
    console.log(e)
    app.globalData.userInfo = e.detail.userInfo
    this.setData({
      userInfo: e.detail.userInfo,
      hasUserInfo: true
    })
  }
})

相关文章

网友评论

      本文标题:微信小程序插件开发

      本文链接:https://www.haomeiwen.com/subject/nxbfwhtx.html