微信小程序初次项目问题总结
最近,公司开始微信小程序方面的项目开发,边学边做,遇坑填坑,项目前前后后大概耗费20天(产品+设计+数据+前端+后台+测试),实现的是高校中学生扫描班牌上的二维码签到功能,现将开发过程中遇到的问题总结如下(主要是前端开发问题,初次开发小程序,不喜勿喷):
一、项目配置方面:
1、基础库版本:1.4.0以上
2、project.config.json中的"appid":"wx416b36cXXXXXXXXXX",若为个人项目,填写自己的AppID即可;若为公司项目,填写公司的AppID。
3、app.json中的配置:
1、获取用户微信头像
统一放到缓存里面,提升访问速度
2、手机硬件的返回按键问题
通过wx.reLaunch跳转解决,不能用wx.navigateTo跳转
3、自动登录时,跳过登录页
通过欢迎页中的判断和wx.reLaunch跳转解决
4、转发时,打开的链接头部带小房子问题
配置path统一为登录页
通过IsBind来判断,不要通过IsBind==’true’判断
6、实时获取网络状态问题
wx.onNetworkStatusChange,需要放在app.js的onLaunch中
7、解绑按钮和扫一扫按钮在无网络状态下不可操作,弹窗提示
通过wx.getNetworkType获取netWorkType,为none时弹窗wx.showModal提示无网络
8、扫码时base64编码中的特殊字符导致的跨页面传参报错问题
通过escape和unescape转码解码解决,
8、扫码异常的处理(不合法的二维码)
通过try{} catch{}提示
9、用户清理缓存后,重新获取微信头像问题
移动端可正常获取微信头像,PC端不可以获取(开发工具中的BUG,可忽略,以手机预览为准)
10、右上角的菜单点击后,有个“关于null”
微信管理后台未配置名字
11、下拉显示解绑按钮时,上方空白太大问题
"backgroundTextStyle": "dark"将白点变为黑点即可
12、苹果手机微信授权后无法显示头像问题
Data中设置avatar:''
onLoad中:
13、华为荣誉6无法解绑问题(提示:见图)
将后台接口的method:’DELETE’更改为method:’post’
14、开发版与正式版同时使用的问题(后一个会自动登录)
开发版测试完成后应删除,使用正式版(避免俩版本同时使用)