如何在网页中通过js代码将内容分享到朋友圈

JavaScript019

如何在网页中通过js代码将内容分享到朋友圈,第1张

微信内置的浏览器里添加了WeixinJSBridge对象,可以通过引对象将内容分享到朋友圈,所以以下代码只在微信内置浏览器中有效。

var shareToWeixinFriend =  function(data, cb)

{

    if (typeof WeixinJSBridge == 'undefined') {

        return false

    }

    else {

        WeixinJSBridge.invoke('shareTimeline', {

            'img_url': data.imgurl || '', // 图片url地址

            'link': data.url, // 文章地址,此内容分享到朋友圈后可以点击跳转到此地址

            'desc': data.desc,

            'title': data.title

        }, function(d) {

            // 返回res.err_msg取值,d还有一个属性是err_desc

            // share_timeline:cancel 用户取消

            // share_timeline:fail 发送失败

            // share_timeline:confirm 发送成功

            WeixinJSBridge.log(d.err_msg)

            cb && cb(d.err_msg)

        })

    }

    return false

}

另外在微信内置浏览器中可以通过weixin://链接直接查看某个微信号的资料,例如:

<a href="weixin://profile/gh_9261dce78e9f">挖段子冷笑话</a>

其中 gh_9261dce78e9f 是微信号

微信内置浏览器有jssdk,同时微信也提供原生sdk给其他app调用,uc调用的就是微信原生sdk。同时uc也提供js接口给web开发者,这样你可以在页面上放一个按钮,自定义分享内容,通过点击直接唤起微信分享,而不是点uc的菜单-分享-微信3次才能完成。

js在微信浏览器分享加图片直接分享。VEER是一家微图供应商,大部分内容来自iStock,在线提供优质图片资料,网站分为三个板块,高清照片、插画、矢量图以及设计素材,用户注册后,可下载图片小样查看,于付费有排斥,可以切换到免费专区,Veer免费专区的图片是自有版权图片,这里提供50万+图片下载权限,可以下载最大尺寸图片。