#插件需求# 用uniapp开发的小程序如何调用调用wx.openBusinessView组件

同问

调用 wx.openBusinessView 组件，需要满足以下两个条件：

1. 微信小程序版本在7.0.7及以上支持；
2. 在小程序管理后台的“开发设置”中开启了“卡券&支付”能力。

如果您已经符合以上两个条件，可以参考以下步骤来调用该组件：

1. 导入微信JS-SDK

在小程序的 main.js 文件中引入微信JS-SDK：

import wx from 'weixin-js-sdk';

1. 配置微信JS-SDK

在 App.vue 中配置微信JS-SDK，以获取 openBusinessView 接口的使用权限：

onLaunch() {  
  const url = encodeURIComponent(window.location.href.split('#')[0]);  
  uni.request({  
    url: 'http://your_backend_api/getWechatSignature?url=' + url,  
    success: (res) => {  
      const data = res.data;  
      wx.config({  
        debug: false,  
        appId: data.appId,  
        timestamp: data.timestamp,  
        nonceStr: data.nonceStr,  
        signature: data.signature,  
        jsApiList: ['openBusinessView']  
      });  
      wx.error((res) => {  
        console.log(res);  
      });  
    }  
  });  
}

在上面的代码中，我们通过后端接口获取了微信JS-SDK的配置信息，然后用这些信息来初始化 wx.config。

在 wx.config 中需要注意以下几点：

• debug 为 false 表示关闭调试模式；
• appId、timestamp、nonceStr 和 signature 分别是通过后端接口获取到的微信认证信息；
• jsApiList 为调用的api列表，在这里需要将 openBusinessView 添加进去。

1. 调用 wx.openBusinessView 组件

在页面的方法中调用 wx.openBusinessView 组件：

methods: {  
  openCard() {  
    if (wx) {  
      wx.openBusinessView({  
        businessType: 'wxpayScoreExchange',   // 填写相应的业务类型  
        extraData: {  
          organization_id: '123456',         // 填写相应的业务数据  
        },  
        success(res) {  
          console.log(res);  
        },  
        fail(err) {  
          console.error(err);  
        }  
      });  
    }  
  }  
}

在 wx.openBusinessView 中需要注意以下几点：

• businessType 为业务类型，需要填写相应的值。可查看官方文档中的业务类型列表；
• extraData 为业务数据，需要填写相应的数据；
• success 和 fail 分别为成功和失败的回调函数。

以上就是在uniapp中调用 wx.openBusinessView 组件的方法，希望能对你有所帮助。