微信小程序插件开发

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

  • 需要真机调试

  • 开发调试:需要在同一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
    })
  }
})
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容