微信自定义分享的文字、内容以及图片

3个月前 (12-17) Walker 前端资源 0 1964

微信已提供官方JS-SDK,功能更强大,更多内容请参考这里: http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html

以下内容已无效!!!!

— 2015/01/09更新

最近公司做微信内嵌页面开发,当页面分享给朋友或者是分享到朋友圈时,要求所看到的图片、文字以及点进去的链接是可以定制的。

由于微信默认获取的图片以及文字并不符合需求,那么这时就需要修改微信默认获取的内容,还好微信提供了JsAPI可供调用,那么此时我们就可以通过使用这些JS API来修改分享出去所显示的图片、文字以及链接到得地址。

本人简单的对微信提供的API做了以下封装,如分享到朋友圈:(代码片段)

/**
 * 分享到朋友圈
 *
 * @param {String} imgUrl 图片url
 * @param {String} link 链接
 * @param {String} title 标题
 * @param {String} desc 文本内容
 */
function share ( imgUrl, link, title, desc ) {
    weiXin.ready(function () {
        WeixinJSBridge.on('menu:share:timeline', function () {
            WeixinJSBridge.invoke('shareTimeline', {
                "img_url": imgUrl,
                "img_width": "300",
                "img_height": "300",
                "link": link,
                "title": title,
                "desc": desc
            }, function( res ) {
                _report('share', res.err_msg);
            });
        });
    });
}

查看完整代码请移步到这里:https://github.com/wangchi/studying/blob/master/weixin/weixin.js

那么我们调用就是这样子的:

weiXin.share('http://xxx.xxx.xxx/xxx.jpg', 'http://xxx.xxx.xxx', '我是标题', '我是内容');

这里的方法已包含JSBridgeReady,直接调用即可。

Ok,以上就是关于微信自定义分享文本与图片的内容。

精彩评论