jsTicket前端实现微信公众号页面设置禁止分享（比如分享到好友，朋友圈等）

最新推荐文章于 2024-05-30 13:55:51 发布

天马行空zqzq

最新推荐文章于 2024-05-30 13:55:51 发布

阅读量709

点赞数 9

文章标签：微信 javascript

本文链接：https://blog.csdn.net/qq_42039912/article/details/135481602

版权

①引入sdk:

<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>

②使用sdk

// 微信分享之定义分享按钮功能
export const setWxShareHide = () => {
    request({
        url: URLS.GET_BAZI_JSTICKET,
        params:  { url: window.location.href },
        method: 'get',
    }).then(res => {
        const {
            appId, timestamp, nonceStr, signature,
        } = res
        window.wx.config({
            // debug: true,
            appId, // 必填，公众号的唯一标识
            timestamp: timestamp?.toString(), // 必填，生成签名的时间戳
            nonceStr, // 必填，生成签名的随机串
            signature, // 必填，签名
            jsApiList: ['hideMenuItems'], // 必填，需要使用的JS接口列表
        })
        window.wx.ready(() => {
            wx.hideMenuItems({
                menuList: ['menuItem:share:appMessage', 'menuItem:share:timeline', 'menuItem:share:qq', 'menuItem:share:QZone', 'menuItem:openWithSafari', 'menuItem:openWithQQBrowser', 'menuItem:favorite'],
            })
        })
    })
    .catch(e => {
        console.log(e, '隐藏微信分享错误原因')
    })
}

此方法可以在vue的created方法里面被调用（必须在用户可能分享之前调用）