uniapp使用微信小程序插件 miniprogram-thirdparty-plugin

最新推荐文章于 2025-05-14 11:07:04 发布

森林的尽头是阳光

最新推荐文章于 2025-05-14 11:07:04 发布

阅读量3k

点赞数

文章标签：微信小程序 vue.js

本文链接：https://blog.youkuaiyun.com/sinat_41904410/article/details/125298689

版权

本文详细介绍了在uniapp中如何引入并使用小程序第三方插件的步骤，包括在manifest.json和app.json中配置插件，以及在代码中调用插件进行用户授权和打开试用小程序的操作。同时提供了微信开发者工具的使用指南，帮助开发者顺利实现小程序功能扩展。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在小程序平台需要先申请插件的使用

uniapp中使用

1、manifest. json文件打开源码视图
在" mp-weixin"模块下添加引用

/*小程序特有相关*/
"mp-weixin":{
 "plugins": {
    "miniprogram-thirdparty-plugin": {
      "version": "0.1.2",
      "provider": "wxb8b928431b8c56d8"
    }
  }
}

2、使用方式和官网一样
在uniapp中记得添加条件编译，要不然hbuilderx中无法调试

// #ifdef MP-WEIXIN
const MiniprogramThirdpartyPlugin = requirePlugin('miniprogram-thirdparty-plugin')
// #endif

// 初始化
MiniprogramThirdpartyPlugin.init(wx)

// 请求用户授权
MiniprogramThirdpartyPlugin.authorize({
  token: 'createToken', // 传入后台返回的create_token，通过【fastregisterbetaweapp】接口获得的authorize_url，该url中的create_token
  success(res) {
    // 授权成功
    wx.showToast({
      title: '授权成功',
    })
  },
  fail(err) {
    console.error(err)
    // 授权失败或其他异常
    wx.showToast({
      title: '授权失败',
    })
  }
})

// 请求打开试用小程序
MiniprogramThirdpartyPlugin.openTrial({
  appid: 'appid', // 试用小程序的appid
  platformAppID: 'platform_appid', // 平台的appid
  fail() {
    // 其他异常
  }
})

微信开发者工具的引入根据官方文档操作即可

使用方法
官方文档

app.json中引入插件

 "plugins": {
    "miniprogram-thirdparty-plugin": {
      "version": "0.1.2",
      "provider": "wxb8b928431b8c56d8"
    }
  }

小程序代码中使用插件

const MiniprogramThirdpartyPlugin = requirePlugin('miniprogram-thirdparty-plugin')

// 初始化
MiniprogramThirdpartyPlugin.init(wx)

// 请求用户授权
MiniprogramThirdpartyPlugin.authorize({
  token: 'createToken', // 传入后台返回的create_token，通过【fastregisterbetaweapp】接口获得的authorize_url，该url中的create_token
  success(res) {
    // 授权成功
    wx.showToast({
      title: '授权成功',
    })
  },
  fail(err) {
    console.error(err)
    // 授权失败或其他异常
    wx.showToast({
      title: '授权失败',
    })
  }
})

// 请求打开试用小程序
MiniprogramThirdpartyPlugin.openTrial({
  appid: 'appid', // 试用小程序的appid
  platformAppID: 'platform_appid', // 平台的appid
  fail() {
    // 其他异常
  }
})