微信内开发一定会依赖于公众号
那必不可少的就是微信的JSSDK,登录授权,微信分享,微信支付等等,那么实现这些需要哪些步骤呢!!!
微信分享步骤
1.第一步就是到公众号里面绑定安全域名
- 公众号后台设置有安全域名设置可以设置域名
2.引入微信的JSSDK
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
3.第三步通过config接口注入权限验证配置
let params = {
debug: false,
appId: config['APP_ID'],
timestamp: timestamp,
nonceStr: noncestr,
signature: signature,
jsApiList: [
'onMenuShareAppMessage',
'onMenuShareTimeline'
]
};
wx.config(params);
4.第四步通过ready接口处理成功验证
wx.onMenuShareTimeline({
title: title, // 分享标题
link: url, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: shareIconUrl, // 分享图标
success: success
});
wx.onMenuShareAppMessage({
title: title, // 分享标题
desc: messageDesc, // 分享描述
link: url, // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
imgUrl: shareIconUrl, // 分享图标
type: '', // 分享类型,music、video或link,不填默认为link
dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空
success: success
});
function success() {
callback && callback();
}
那微信授权的步骤如下
1 第一步:用户同意授权,获取code
2 第二步:通过code换取网页授权access_token
3 第三步:刷新access_token(如果需要)
4 第四步:拉取用户信息(需scope为 snsapi_userinfo)
5 附:检验授权凭证(access_token)是否有效
微信内开发有很多是不能媲美APP的,所以 对于很多功能是很不完善的,安卓和IOS也有很多兼容问题,这里我附上几个我踩得坑
- 视频倍速问题,有的安卓手机不支持手机倍速,X5居多,大多数手机是小米和魅族,小米居多,有个
hack
办法,是debugtbs.qq.com
手机打开这个网址,点击关闭X5,倍速问题就可以解决,但是并不是所有手机都可以。。。。。最后没办法使用的是vue-video-player
插件,不支持的手机会不显示倍速按钮 - iPhoneX底部适配问题,因为微信浏览器中会出现一个前进后退的按钮,页面太长向上滑动的时候就会消失(没办法解决),页面有路由的时候就会出现,用replace就不会出现了。。。。。解决底部iPhoneX有个黑线的问题使用
padding-bottom: env(safe-area-inset-bottom);
就行了。
其他的后续想起来再补~~~