微信JSSDK配置
WEB端操作
html文件中引入 http://res2.wx.qq.com/open/js/jweixin-1.4.0.js
或
npm install weixin-js-sdk --dev
import Wx from 'weixin-js-sdk'
(wx换成Wx)
wx.config({
debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: wechatAppId, // 必填,公众号的唯一标识
timestamp: timestamp, // 必填,生成签名的时间戳
nonceStr: nonceStr, // 必填,生成签名的随机串
signature: signature, // 必填,签名
jsApiList: ['onMenuShareAppMessage', 'onMenuShareTimeline', 'onMenuShareQQ', 'onMenuShareQZone', 'onMenuShareWeibo', 'getLocation'] // 必填,需要使用的JS接口列表
})
wx.ready(function () {
//微信定位获取经纬度
wx.getLocation({
type: 'wgs84', // 默认为wgs84的gps坐标,如果要返回直接给openLocation用的火星坐标,可传入'gcj02'
success: function (res) {
// res.latitude 纬度,浮点数,范围为90 ~ -90
// res.longitude 经度,浮点数,范围为180 ~ -180。
}
})
const shareData = {
title: '自定义分享标题',
desc: '自定义分享描述',
link: window.location.href, //自定义分享链接,
imgUrl: lo + that.appId + go,
type: 'link', // 分享类型
dataUrl: '', // 数据链接
success: function () { // 确认
// console.log('分享成功') // 错误信息提示
},
cancel: function () { // 取消
// console.log('分享失败') // 错误信息提示
}
}
wx.onMenuShareAppMessage(shareData)//分享到微信朋友
wx.onMenuShareTimeline(shareData)//分享到微信朋友圈
wx.onMenuShareQQ(shareData)//分享到QQ好友
wx.onMenuShareQZone(shareData)//分享到QQ空间
})
网友评论