如何控制微信分享网页时，展示的标题，描述和图片

最新推荐文章于 2024-08-12 10:46:19 发布

weixin_30666753

最新推荐文章于 2024-08-12 10:46:19 发布

阅读量937

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/suifengbingzhu/p/4411598.html

本文介绍了一种利用JS桥接(WeixinJSBridge)实现微信内页面分享功能的方法，包括分享给好友、分享到朋友圈及微博的具体实现代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在需要被微信分享的页面中，加入下面这一段JS代码就可以进行控制了。

        var imgUrl = 'http://xxx/share_ico.png';  // 分享后展示的一张图片
        var lineLink = 'http://xxx'; // 点击分享后跳转的页面地址
        var descContent = "xx！";  // 分享后的描述信息
        var shareTitle = 'xx';  // 分享后的标题
        var appid = '';  // 应用id,如果有可以填，没有就留空

        function shareFriend() {
            WeixinJSBridge.invoke('sendAppMessage',{
                "appid": appid,
                "img_url": imgUrl,
                "img_width": "200",
                "img_height": "200",
                "link": lineLink,
                "desc": descContent,
                "title": shareTitle
            }, function(res) {
                //_report('send_msg', res.err_msg);  // 这是回调函数，必须注释掉
            })
        }
        function shareTimeline() {
            WeixinJSBridge.invoke('shareTimeline',{
                "img_url": imgUrl,
                "img_width": "200",
                "img_height": "200",
                "link": lineLink,
                "desc": descContent,
                "title": shareTitle
            }, function(res) {
                   //_report('timeline', res.err_msg); // 这是回调函数，必须注释掉
            });
        }
        function shareWeibo() {
            WeixinJSBridge.invoke('shareWeibo',{
                "content": descContent,
                "url": lineLink,
            }, function(res) {
                //_report('weibo', res.err_msg);
            });
        }
        // 当微信内置浏览器完成内部初始化后会触发WeixinJSBridgeReady事件。
        document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
            // 发送给好友
            WeixinJSBridge.on('menu:share:appmessage', function(argv){
                shareFriend();
            });
            // 分享到朋友圈
            WeixinJSBridge.on('menu:share:timeline', function(argv){
                shareTimeline();
            });
            // 分享到微博
            WeixinJSBridge.on('menu:share:weibo', function(argv){
                shareWeibo();
            });
        }, false);