基于vue-cli3开发微信公众号网页——调取微信分享，微信支付接口

最新推荐文章于 2024-07-23 21:38:31 发布

jinxianglin

最新推荐文章于 2024-07-23 21:38:31 发布

阅读量2.2k

点赞数 2

本文链接：https://blog.csdn.net/qq_28001731/article/details/93969327

版权

本文介绍如何在vue-cli3项目中集成微信支付和分享接口。首先通过npm安装微信jdk，然后封装微信接口方法，包括微信支付和分享功能。在支付流程中，配置wx.config并调用wx.chooseWXPay实现支付。在分享流程中，利用wx.updateAppMessageShareData设置分享的标题、描述、链接和图标。最后，引入并调用封装好的接口方法，实现支付和分享功能。

摘要由CSDN通过智能技术生成

第一步安装微信jdk

npm install weixin-js-sdk

第二步封装微信接口方法

//微信支付方法

import wx from "weixin-js-sdk";

/*

微信支付方法

获取微信加签信息

@param{data}:获取的微信加签

@param{cb}:成功回调

@param{errorCb}:失败回调

@param{share}:判断是否是调用分享的微信接口

*/

let wechatInterface = (data,cb,errorCb,share) => {

let appId = data.appId;

let timestamp = data.timestamp;

let nonceStr = data.nonceStr;

let signature = data.signature;

let packages = data.package;

let paySign = data.paySign;

wx.config({

debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。

appId: appId, // 必填，公众号的唯一标识

timestamp: timestamp, // 必填，生成签名的时间戳

nonceStr: nonceStr, // 必