微信JSSDK配置

微信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空间
})

你可能感兴趣的:(微信JSSDK配置)