页面微信分享配置

最新推荐文章于 2026-03-14 00:15:31 发布

原创最新推荐文章于 2026-03-14 00:15:31 发布 · 579 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

1、服务端获取微信分享配置所需的信息

1.1：通过APPID和APPSECRET获取access_token值：

https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET

1.2：通过access_token获取jsapi_ticket：

https://api.weixin.qq.com/cgi-bin/ticket/getticket?type=jsapi&access_token=accessToken

1.3：通过jsapi_ticket、noncestr、timestamp通过sha1()方法加密获取签名：

$string = "jsapi_ticket=$jsapiTicket&noncestr=$nonceStr&timestamp=$timestamp&url=$url";

$signature = sha1($string);

2、前端页面
2.1：引入js文件：https://res.wx.qq.com/open/js/jweixin-1.0.0.js

2.2：初始化配置：

<script>
       wx.config({
            debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId: '', // 必填，公众号的唯一标识
            timestamp: '', // 必填，生成签名的时间戳 
            nonceStr: '',// 必填，生成签名的随机串
            signature: '',// 必填，签名
            jsApiList: [
                'onMenuShareTimeline',
                'onMenuShareAppMessage',
                'onMenuShareQQ',
                'onMenuShareWeibo'
            ] // 必填，需要使用的JS接口列表
        });
        wx.ready(function () {
            var shareDataDesc = {
                title: '',// 分享标题
                desc: '',// 分享文案
                link: '',// 分享页面链接
                imgUrl: ''// 分享图片url
            };
            wx.onMenuShareAppMessage(shareDataDesc);
            wx.onMenuShareTimeline(shareDataDesc);
        });
</script>

标签

#前端