微信小程序初次项目问题总结

最近，公司开始微信小程序方面的项目开发，边学边做，遇坑填坑，项目前前后后大概耗费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统一为登录页

onShareAppMessage: function () {

return {

title: 'XX',

desc: 'XX小程序!',

path: '/pages/login/login'

}

}

     5、反复绑定、解绑后，重新绑定时页面不跳转问题

     通过IsBind来判断，不要通过IsBind==’true’判断

     6、实时获取网络状态问题

     wx.onNetworkStatusChange，需要放在app.js的onLaunch中

7、解绑按钮和扫一扫按钮在无网络状态下不可操作，弹窗提示

通过wx.getNetworkType获取netWorkType，为none时弹窗wx.showModal提示无网络

8、扫码时base64编码中的特殊字符导致的跨页面传参报错问题

  通过escape和unescape转码解码解决，

wx.navigateTo({

url: '../scanResult/scanResult?result=' + escape(result)

})

     接受传参页面： result = unescape(result);

8、扫码异常的处理（不合法的二维码）

通过try{} catch{}提示

9、用户清理缓存后，重新获取微信头像问题

移动端可正常获取微信头像，PC端不可以获取（开发工具中的BUG，可忽略，以手机预览为准）

10、右上角的菜单点击后，有个“关于null”

微信管理后台未配置名字

11、下拉显示解绑按钮时，上方空白太大问题

"backgroundTextStyle": "dark"将白点变为黑点即可

12、苹果手机微信授权后无法显示头像问题

Data中设置avatar:''

onLoad中：

13、华为荣誉6无法解绑问题(提示：见图)

将后台接口的method:’DELETE’更改为method:’post’

14、开发版与正式版同时使用的问题（后一个会自动登录）

开发版测试完成后应删除，使用正式版（避免俩版本同时使用）