微信内开发流程

微信内开发一定会依赖于公众号

那必不可少的就是微信的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);就行了。

其他的后续想起来再补~~~