vue微信js-sdk

1:Vue获取微信js-sdk签名

/**
 * 获取微信分享签名参数
 * @return {[type]} [description]
 */
export function getWxSign(){
     api.getWxSign({url:location.href.split('#')[0]}).then(res=>{
        if(res.code=="200"){
            wx.config({
                debug: false,
                appId: res.body.appid,
                timestamp: res.body.timestamp,
                nonceStr: res.body.noncestr,
                signature: res.body.signature,
                jsApiList: ['getLocation','onMenuShareTimeline','onMenuShareAppMessage','previewImage','chooseWXPay']
            });
        }
    })
}

2:配置js-sdk 分享到好友,朋友圈,以及获取地理坐标

/**
 * 微信js-sdk配置
 * @param  {[type]} options [js-sdk对象]
 */
export function shareConfig() {
    wx.getLocation({
        type: 'wgs84', // 默认为wgs84的gps坐标,如果要返回直接给openLocation用的火星坐标,可传入'gcj02'
        success: function (res) {
            localStorage.setItem("latitude",res.latitude);      // 纬度,浮点数,范围为90 ~ -90
            localStorage.setItem("longitude",res.longitude);    // 经度,浮点数,范围为180 ~ -180。
            // 将GPS坐标转化为高德系经纬度
            AMap.convertFrom(res.longitude+","+res.latitude,"gps",function(status,result){
                if(result.info=="ok"){
                    localStorage.setItem("latitude",result.locations[0].lat);       // 纬度,浮点数,范围为90 ~ -90
                    localStorage.setItem("longitude",result.locations[0].lng);      // 经度,浮点数,范围为180 ~ -180。
                }
            });
        }
    });
   
    wx.onMenuShareAppMessage({
        title: "", // 分享标题
        desc: "", // 分享描述
        link: "", // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
        imgUrl:"", // 分享图标
        type: '', // 分享类型,music、video或link,不填默认为link
        dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
        success: function () {}
    });
    wx.onMenuShareTimeline({
        title: "", // 分享标题
        link: "", // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
        imgUrl: "", // 分享图标
        success: function () {}
    });
}





评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值