微信分享对于前端还是很简单的, 主要根据文档和后台返回的数据就可以了
1、vue项目中安装weixin-js-sdk (npm install weixin-js-sdk)
2、 方便维护src 下建立weixin 文件夹 , 其下又建立wxsdk.js 进行初始化设置封装
import wx from 'weixin-js-sdk'
export default {
/**
*
* @param {*} api 微信公众号api
* @param {*} fn 回调
*/
// 分享
setShare(param = {
}, callback) {
let registerUrl = window.location.href
// if (isIOS()) {
// // 只要根路径
// registerUrl = window.location.origin + '/'
// console.log(window.location, 'host:')
// }
// 需要encodeURIComponent 不然会有问题(调用你们的接口获取到初始化配置的相关信息)
/**调用你们的接口获取到初始化配置的相关信息----开始---**/
apiList.getGryJsapiSignerToken({
query: {
url: encodeURIComponent(registerUrl)
},
hasLoading: false
}).then(res => {
let {
code,
data
} = res
console.log('请求微信配置成功>>>>', new Date().getTime(