SuperMan

- 走向 WEB 艺术家的路程

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

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

由于微信默认获取的图片以及文字并不符合需求,那么这时就需要修改微信默认获取的内容,还好微信提供了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);
               });
          });
          });
          
      }

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

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

 

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

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





评论