详细

小程序活动开发指南

一、checklist

1. 活动初始化和过期场景
2. 分享路径(!!!!)
3. 返回键
4. 兼容性
5. 增加请求锁
6. 错误码处理
7. 活动统计上报
8. 活动信息不返回页面状态
9. 图片大小自适应widthFix
10.页面的灵活性可配置化
11.授权情况(用户地理位置)不能阻塞主流程(活动信息拉取之类的)

二、 活动参数统一命名

actId shareId attach

三、关于小程序webview下H5,安卓系统视频播放问题

  1. 我们有一个H5页面A,A页面上有一个超链接元素a,地址为视频地址例如 https://www.xxx.com/test.mp4,正常情况,点击元素a,进入视频地址自动播放,左上角有返回按钮可以回到页面A
  2. 进入页面A,无网络情况,点击元素a,显示无法显示页面,网络恢复,点击页面刷新,正常播放视频,左上角没有返回按钮可以回到页面A

四、小程序webview下H5活动开发注意事项

  1. 当小程序webview下H5活动页面A被分享给微信群或好友,当其他人点击分享的aio消息进入页面A,左上角没有返回按钮,5分钟内用户从微信聊天界面,下拉从最近使用或我的小程序中点击小程序,依然看到的是页面A,这样会影响到用户主页的使用,因此需要加”去主页”按钮,帮助用户回到主界面。
  2. 注意如果页面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