本帖最后由 jiangxiang 于 2017-2-18 17:10 编辑

wxreading
[小程序开发--绘本跟读]
项目介绍本项目是基于<微信小程序>做的一套语音跟读,分为【用户/登陆系统、查看教材、查看课程安排、参与跟读(录音/上传/合成)、结果展示】等功能开发/调试环境微信版本:6.3.30IOS版本:IOS_10.0.2微信开发调试工具:v0.10.102800操作系统:Win7开发/调试:iPhone6S真机/微信工具预览,PHPstorm编码使用说明
  • 由于微信安全域名的限制,如果你填了自己的APPID,所有请求都会失败
  • 无APPID的情况下,使用微信登录会存在问题,请使用手机号登录
  • 目前是测试版本,故未接入短信平台,所以手机是收不到验证码的,直接点获取验证码就已经填上了
  • 如需在微信中体验完整功能,请联系文末的邮箱,注明理由和微信号申请体验权限
使用过程遇到的坑丶记录
  • 背景图不生效,改用image或者Base64
  • 执行POST请求异常,将data中的JSON对象格式化为from序列
  • 页面切换的参数接收异常,在onload方法中,默认的参数即使上一页面传过来的Object参数
  • 在使用data-readingItem的时候,微信解析为dataset的时候会转成小写
  • 多页面的时候,在app.json中重复配置,会编译失败
  • 直接使用 this.data.XXX = XXX 赋值的时候,数据是不会同步更新到VM即WXML中的,必须使用其setData方法
  • 循环加载JSON数据集合时,如果其中有项是null,在开发工具中加载正常,但是在手机中浏览时显示空白页,并且调试时没有错误信息,所以需要对可能为null的数据进行判断 PS:由于有预处理,所以没有遇到这个问题
  • 针对swiper控件,设置min-height不生效,必须设置height,同时swiper-item的间隙也有坑,项目中有实践
  • 使用uploadFile-formData传递参数的时候,formData是个三项的JSON,PHP通过$_REQUEST尽然只能接到最后一个参数 PS:怀疑是微信的坑,后来使用的是将其以GET方式提交,才正常接到
  • 在使用for循环的时候,用的是立即执行的闭包函数,但是PHP端接到的三个请求的time竟然是一样的,这直接导致了文件获取的异常, 目前未找到真实原因,是本人对for循环理解太浅?后通过额外加参数解决
  • 微信录制的音频格式为.silk格式,具体可以Google,强大的ffmpeg都没法直接解码,最后使用了GitHub上的一个开源Decoder库, 解码成功转成了MP3,感谢作者,地址:https://github.com/kn007/silk-v3-decoder 12.使用循环的时候注意for-items里面要有大括号,而for-item里面没有大括号,同时谨慎使用IDE的代码format功能
未解之谜|改进方向
  • for循环中的立即执行函数时间是完全一致的?
  • 在页面切换的时候,切换到特定页面,需要先校验其是否登陆,然后跳转登陆页,结果真机上实践,几乎都是失败的
  • 后期考虑使用登陆蒙层来解决,但是每个页面怎么自动引入登陆的template?
  • 代码执行完之后,在回调中直接navigateTo或者redirectTo失败率很高,暂时用setTimeOut缓解。
  • 下拉刷新的样式后期考虑自己定制,封装成方法
  • 进一步扩充工具类,封装实用方法
真机预览图
跟读1.jpeg 跟读2.jpeg 跟读3.jpeg
下载地址:
游客,如果您要查看本帖隐藏内容请回复



参与人数 1H币 +1 收起 理由
Leo_SFRX1 + 1

查看全部评分

分享到 :
0 人收藏

56 个回复

倒序浏览
壮志凌云  小程序菜鸟 | 2017-2-21 15:45:13
不错不错不错
yangyang986  小程序菜鸟 | 2017-4-13 03:51:57
不错很好的
xinqiuheng  小程序菜鸟 | 2017-6-2 10:46:06
非常好啊。谢谢
whc123  小程序菜鸟 | 2017-6-17 09:51:20
最讨厌要评论才能下载的
鑫劦飞翡翠年代  小程序菜鸟 | 2017-6-18 16:49:07
可以可以
milojin  小程序菜鸟 | 2017-7-12 23:00:06
厉害了我的哥
Wgr  小程序菜鸟 | 2017-7-23 00:13:36
lihai ooooooooo
mmrjor  小程序菜鸟 | 2017-9-1 10:33:54
最讨厌要评论才能下载的
hbshow  小程序菜鸟 | 2017-9-12 15:10:05
很有创意
您需要登录后才可以回帖 登录 | 朕要注册

本版积分规则

QQ|手机版|51小程序,合作QQ: 2826431922 ( 苏ICP备15027371号 )

Powered by Discuz! X3.2

返回顶部