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

最近在北京网站制作中,有客户提出了一种需求,那就是在手机web网页上通过点击某个按钮触发微信分享,不用扫描二维码,直接调起微信分享到朋友圈,于是,在网上找相似的案例,发现新浪和网易新闻都是调取了浏览器的功能来实现这个需求的。于是乎找到了如下插件来实现此功能。

nativeShare是一个可以通过javascript直接调用原生分享的工具,我们知道现在我们无法直接通过js直接跳转到微信和QQ等软件进行分享,但是现在像UC浏览器和QQ浏览器这样的主流浏览器自带一个分享工具,而他们也有自己定义的js接口.我们通过调用浏览器的接口去调用浏览器的分享,从而实现原生分享功能.是不是很酷呢?

该工具具有以下特点:
支持原生微博、微信好友、微信朋友圈、QQ好友、QQ空间分享支持调用浏览器更多分享功能注意:目前仅支持手机UC浏览器和QQ浏览器直接去下载它的demo文件,然后引入他的js就可以实现,在手机web端点击分享直接调起微信的功能喽,

var nativeShare = new NativeShare()
        var shareData = {
        title: {$article.title},
        desc: {$article.title},
        // 如果是微信该link的域名必须要在微信后台配置的安全域名之内的。
        link: "分享链接",
        icon: '分享缩略图',
        // 不要过于依赖以下两个回调,很多浏览器是不支持的
        success: function() {
        // alert('')
        },
        fail: function() {
        // alert('fail')
        }
        }
        nativeShare.setShareData(shareData)

        function call(command) {
        try {
        nativeShare.call(command)
        } catch (err) {
        // 如果不支持,你可以在这里做降级处理
        // alert(err.message)
        }
        }

        function setTitle(title) {
        nativeShare.setShareData({
        title: title,
        })
        }

这样你的网站是不是就看起来很高端呢。

asd

2017-11-13

0 个评论