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

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. 微信运动让用户授权:

      微信小程序学习历程(一)_第1张图片

 

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

微信小程序学习历程(一)_第2张图片

    4.url传值:

    

你可能感兴趣的:(微信小程序学习历程(一))