收藏
回答

vue H5 调用js-sdk 注册分享好友 朋友圈 注册时报错?

也是最新的SDK 和最新的方法


https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#8


页面调用”

shareFun(){
      var str = window.location.href.split("#")[0]
      console.log(window.location.href.split("#")[0])
      str = str.substring(0,str.length-1)
      var dataForWeixin = {
        title:'“苏”战“苏”决 建行助力',
        desc:'“苏”战“苏”决 建行助力',
        linkurl:str,
        img:图片地址(此处发表问题 未放置图片地址),
      }
      signature(encodeURIComponent(str)).then(res=>{
        console.log(res.data)
        wxShare.getJSSDK(res.data, dataForWeixin)
      })
    },
上面为调用方法
返回参数:
appId"公众号appID"
nonceStr"gDLtngoBim"
signature"51a6dddf63e3aeaff4d3c20a45de04778284300e"
timestamp"1645264594"


引入的方法
/* eslint-disable*/
import wx from 'weixin-js-sdk'          //微信sdk依赖
//要用到微信API
function getJSSDK(data, dataForWeixin) {
    console.log(data, dataForWeixin,'注册方法')
    wx.config({
        debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
        appId: data.appId, // 必填,公众号的唯一标识
        timestamp: data.timestamp, // 必填,生成签名的时间戳
        nonceStr: data.nonceStr, // 必填,生成签名的随机串
        signature: data.signature, // 必填,签名
        jsApiList: [
            'updateAppMessageShareData', //  分享到朋友接口
            'updateTimelineShareData' // 分享到朋友圈接口
        ], // 必填,需要使用的JS接口列表
        success: () => {
            // alert('success')
        },
    })
    wx.ready(function () {
        // 自定义“分享给朋友”及“分享到QQ”按钮的分享内容(1.4.0)
        wx.updateAppMessageShareData({
            data_url: dataForWeixin.linkurl,
            title: dataForWeixin.title,
            desc: dataForWeixin.desc,
            link: dataForWeixin.linkurl,
            imgUrl: dataForWeixin.img,
            type: 'link',
            trigger: function trigger(res) { },
            success: function success(res) {
                // alert('已分享');
            },
            cancel: function cancel(res) {
                // alert('已取消');
            },
            fail: function fail(res) {
                // alert('进来了');
            }
        });
        // 2.2 自定义“分享到朋友圈”及“分享到QQ空间”按钮的分享内容(1.4.0)
        wx.updateTimelineShareData({
            data_url: dataForWeixin.linkurl,
            title: dataForWeixin.title,
            link: dataForWeixin.linkurl,
            imgUrl: dataForWeixin.img,
            type: 'link',
            trigger: function trigger(res) {
                // alert('用户点击分享到朋友圈');
            },
            success: function success(res) {
                // alert('已分享');
            },
            cancel: function cancel(res) {
                //alert('已取消');
            },
            fail: function fail(res) {
                // alert(JSON.stringify(res));
            }
        });
    })
    wx.error((res) => {
        alert(JSON.stringify(res) + "微信验证失败");
    });
}
export default {
    // 获取JSSDK
    getJSSDK: getJSSDK
}


回答关注问题邀请回答
收藏

1 个回答

登录 后发表内容