taro 使用微信小程序优惠券插件

taro 使用微信小程序优惠券插件

• 官方使用文档：https://pay.weixin.qq.com/wiki/doc/apiv3/open/pay/chapter5_3_4.shtml

使用

引入插件包

• src/app.config.ts 添加：

{
   "plugins": {
        "sendCoupon": {
            "version": "1.1.5",
            "provider": "wxf3f436ba9bd4be7b"
        }
   },
    usingComponents: {
        'send-coupon': 'plugin://sendCoupon/send-coupon'
    }
}

组件内使用

children = <View class="text">领取</View>

<send-coupon
  send_coupon_params={params.send_coupon_params}
  sign={params.sign}
  send_coupon_merchant={params.send_coupon_merchant}
  onCustomevent={e => {
    const { errcode, msg, send_coupon_result: result } = e.detail
    ...
    
    // 用户点击领券后，触发领券事件
    getCoupon({
      coupon_codes: coupon_code
    }).then(res => ...)
  }}
>
  <!-- 自定义代码，按钮点击部分的代码 -->
  {children}
</send-coupon>

运行&编译

package.json 添加

"scripts": {
	....
    "build:weapp plugins": "taro build --type weapp plugins",
    "dev:weapp": "npm run build:weapp -- --watch"
}

带插件启动：npm run dev:weapp plugins

注意

• 发布版本不包含插件(或未申请插件)：需做特殊处理，否则会导致显示问题及无法领券