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

微信小程序插件开发

作者: 魅眼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