小程序活动开发指南
一、checklist
1. 活动初始化和过期场景2. 分享路径(!!!!)3. 返回键4. 兼容性5. 增加请求锁6. 错误码处理7. 活动统计上报8. 活动信息不返回,页面状态9. 图片大小自适应widthFix10.页面的灵活性,可配置化11.授权情况(用户,地理位置)不能阻塞主流程(活动信息拉取之类的)
二、 活动参数统一命名
actId shareId attach
三、关于小程序webview下H5,安卓系统视频播放问题
- 我们有一个H5页面A,A页面上有一个超链接元素a,地址为视频地址例如 https://www.xxx.com/test.mp4,正常情况,点击元素a,进入视频地址自动播放,左上角有返回按钮可以回到页面A
- 进入页面A,无网络情况,点击元素a,显示无法显示页面,网络恢复,点击页面刷新,正常播放视频,左上角没有返回按钮可以回到页面A
四、小程序webview下H5活动开发注意事项
- 当小程序webview下H5活动页面A被分享给微信群或好友,当其他人点击分享的aio消息进入页面A,左上角没有返回按钮,5分钟内用户从微信聊天界面,下拉从最近使用或我的小程序中点击小程序,依然看到的是页面A,这样会影响到用户主页的使用,因此需要加”去主页”按钮,帮助用户回到主界面。
- 注意如果页面A不仅仅在小程序webview中使用,也可能被分享到朋友圈,由于从非小程序webview下,H5不能跳小程序页面,所有去主页按钮需要判断H5页面所在环境,需要引入微信js桥https://res.wx.qq.com/open/js/jweixin-1.4.0.js 使用如下程序判断(此处以vue的写法示例)
wx.miniProgram.getEnv(res => { this.$set(this, 'isShowBtn', res.miniprogram) })
五.视频压缩
Mac的handbrake -> 压缩模式选择web gmail -> medium