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

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

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

<!-- 如果只是展示用户头像昵称，可以使用 <open-data /> 组件 -->
<open-data type="userAvatarUrl"></open-data>
<open-data type="userNickName"></open-data>

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不会再授权登录；<open-data><open-data>或者按钮<button></button>;

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

      

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

    4.url传值：