美文网首页
微信JSSDK配置

微信JSSDK配置

作者: 静默授权 | 来源:发表于2019-01-31 16:58 被阅读0次

    微信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配置

          本文链接:https://www.haomeiwen.com/subject/ydbcsqtx.html