微信开发入门(一)微信分享功能

微信公众号开发绝大部分与移动端开发相同。不过相比移动端,微信浏览器的内核就一种,对兼容性的要求更低一些。

安卓微信浏览器的内核属于魔改版的webkit内核。

ios微信浏览器的内核兼容性处理更接近safari浏览器。

绝大部分兼容性参照谷歌浏览器就行

微信开发中与移动端不同的就是可以借助微信调用很多手机的硬件,通过微信封装的js调用一些微信的接口。

微信分享

微信允许用户将页面分享给其他用户或者朋友圈,或者qq。不过最常用的用户分享功能是分享给朋友与朋友圈。因为大多微信开发都涉及到微信登陆的功能,这导致页面在其他浏览器打不开。

微信分享主要通过微信的jssdk中的分享接口来实现的。微信的jssdk的权限注入我在之前的文章内已经有所讲解,这里就不多说了。

微信在引入js文件并且调用wx.config接口注入权限后,然后通过wx.ready接口去读取接口。主要是因为注入权限为异步的,而wx.ready接口就像wx.config接口的回调函数。

wx.onMenuShareAppMessage({
    title: '', // 分享标题
    desc: '', // 分享描述
    link: '', // 分享链接,该链接域名必须与当前企业的可信域名一致
    imgUrl: '', // 分享图标
    type: '', // 分享类型,music、video或link,不填默认为link
    dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
    success: function () {
        // 用户确认分享后执行的回调函数
    },
    cancel: function () {
        // 用户取消分享后执行的回调函数
    }

})

微信分享给好友的接口为onMenuShareAppMessage。值得一提的是这个定义的是微信点击右上角分享给朋友的功能,微信不允许自定义分享的按钮。这里设置过是单击右上角分享的内容

title是分享的标题

desc描述

link分享打开的链接,在分享给好友后打开会在链接里加一个from参数

在success里面是用户分享成功的回调函数,可以在里面添加一些业务逻辑,比如说分享加积分功能。

cancel是用户取消了分享的回调

wx.onMenuShareTimeline({
    title: '', // 分享标题
    link: '', // 分享链接
    imgUrl: '', // 分享图标
    success: function () {
        // 用户确认分享后执行的回调函数
    },
    cancel: function () {
        // 用户取消分享后执行的回调函数
    }
});
分享到朋友圈的接口跟转发的接口差不多,就是不能分享音频与视频。

你可能感兴趣的:(javascript,微信开发)