微信小程序学习历程(一)

https://developers.weixin.qq.com/blogdetail?action=get_post_info&lang=zh_CN&token=768795281&docid=0000a26e1aca6012e896a517556c01&devtools=1

微信小程序官网： https://developers.weixin.qq.com/miniprogram/dev/index.html

    1.申请账号 

    2.安装开发工具 根据官网中操作就ok

注意： 原生小程序登录需要用户授权；使用引导用户主动授权 --可查看api搜素wx.getUserInfo()

"userAvatarUrl">
"userNickName">

mpvue官网: http://mpvue.com/(基于vue.js,容易上手, 查看文档即可搭建init mpvue)

    1.npm install -g vue-cli  

    2.vue init mpvue/mpvue-quickstart my-project

    3.cd my-project

    4.cnpm install (设置淘宝镜像：npm set registry https://registry.npm.taobao.org/)

    5.npm run dev

wx.getUserInfo()获取的数据加密解决： wx.login()获取临时登录凭证code —> 使用code给后台 — > 后台拿code请求微信服务器获取openid 和 session_key进行存储或缓存 —> 前端wx.getUserInfo()拿到后端拿到 encryptedData 和 iv 传给后端 — > 后端再通过 session_key 和 openId 解密

注意： 解密数据时，先调用 wx.checkSession() 如果sessionKey没过期，继续你的操作，如果过期了 那么重新 wx.login() 获取新的 session_key(https://www.cnblogs.com/nosqlcoco/p/6105749.html)

github查找demo，结合api学习：https://github.com/zz570557024/vue-mpvue-ChatRobot

企业公众号注册小程序：https://blog.csdn.net/qq_28620277/article/details/80318870

 

 

原生微信小程序开发踩坑：

    1. getUserInfo不会再授权登录；或者按钮;

 

    2. 微信运动让用户授权：

      

 

    3. 不支持该语法{{index==0 ？ 'A' : index== ？ 'B' : 'C'}}{{item[index]}}更改为：

    4.url传值：