我感觉这个书上的微信小程序登陆写得不好
基本功能是OK,但是感觉传的数据太多,不安全,需要改写。
App({ d: { hostUrl: 'http://www.test.com/index.php', //请填写您自己的小程序主机URL appId: "xxx", appKey: "xxx", ceshiUrl: 'http://www.test.com/index.php',//请填写您自己的测试URL }, //小程序初始化完成时触发,全局只触发一次 onLaunch: function () { //调用API从本地缓存中获取数据 var logs = wx.getStorageSync('logs') || [] logs.unshift(Date.now()) wx.setStorageSync('logs', logs); //login this.getUserInfo(); }, getUserInfo: function (cb) { var that = this if (this.globalData.userInfo) { typeof cb == "function" && cb(that.globalData.userInfo) } else { wx.getSetting({ success: function (res) { if (res.authSetting['scope.userInfo']) { wx.login({ success: function (res) { //console.log(res); var code = res.code; //get wx user simple info wx.getUserInfo({ withCredentials: true, success: function (res) { //如果已经授权过那么会执行这里代码,console.log("已授权标记"); that.globalData.userInfo = res.userInfo; typeof cb == "function" && cb(that.globalData.userInfo); //get user sessionKey that.getUserSessionKey(code); if (that.userInfoReadyCallback) { that.userInfoReadyCallback(res) } } }); } }) } else { // 没有授权,重定向到 loading 启动页 wx.navigateTo({ url: '../tologin/tologin', }) } } }) } }, getUserSessionKey: function (code) { //用户的订单状态 var that = this; wx.request({ url: that.d.ceshiUrl + '/Api/Login/getsessionkey', method: 'post', data: { code: code }, header: { 'Content-Type': 'application/x-www-form-urlencoded' }, success: function (res) { //--init data var data = res.data; if (data.status == 0) { wx.showToast({ title: data.err, duration: 2000 }); return false; } that.globalData.userInfo['sessionId'] = data.session_key; that.globalData.userInfo['openid'] = data.openid; that.onLoginUser(); }, fail: function (e) { wx.showToast({ title: '网络异常!err:getsessionkeys', duration: 2000 }); }, }); }, //授权登录 onLoginUser: function () { var that = this; var user = that.globalData.userInfo; wx.request({ url: that.d.ceshiUrl + '/Api/Login/authlogin', method: 'post', data: { SessionId: user.sessionId, gender: user.gender, NickName: user.nickName, HeadUrl: user.avatarUrl, openid: user.openid }, header: { 'Content-Type': 'application/x-www-form-urlencoded' }, success: function (res) { //--init data var data = res.data.arr; var status = res.data.status; if (status != 1) { wx.showToast({ title: res.data.err, duration: 3000 }); return false; } that.globalData.userInfo['id'] = data.ID; that.globalData.userInfo['NickName'] = data.NickName; that.globalData.userInfo['HeadUrl'] = data.HeadUrl; var userId = data.ID; if (!userId) { wx.showToast({ title: '登录失败!', duration: 3000 }); return false; } that.d.userId = userId; }, fail: function (e) { wx.showToast({ title: '网络异常!err:authlogin', duration: 2000 }); }, }); }, globalData: { userInfo: null }, onPullDownRefresh: function () { wx.stopPullDownRefresh(); } });
如果不想首页自动登陆,在其它页调用登陆:
// pages/user/user.js var app = getApp() Page({ data: { userInfo: {}, orderInfo: {}, loadingText: '加载中...', loadingHidden: false, }, onLoad: function () { var that = this //调用应用实例的方法获取全局数据 app.getUserInfo(function (userInfo) { //更新数据 that.setData({ userInfo: userInfo, loadingHidden: true }) }); console.log("个人中心:--" + app.d.userId); this.loadOrderStatus(); }, })
我感觉这个书上的微信小程序登陆写得不好的更多相关文章
- nodejs+koa+uniapp实现微信小程序登陆获取用户手机号及openId
nodejs+koa+uniapp实现微信小程序登陆获取用户手机号及openId 前言: 我准备用nodejs+koa+uniapp实现一款餐饮点单小程序,以及nodejs+koa+vue实现后端管理 ...
- 补充ABP Zero集成微信小程序登陆的BUG修复部分
感谢园友 @turingguo 发布的 https://www.cnblogs.com/turingguo/p/9019026.html 文章,详细介绍了ABP Zero集成微信小程序登陆的实现过程 ...
- 02月刊(上) | 微信小程序
* { margin: 0; padding: 0 } .con { width: 802px; margin: 0 auto; text-align: center; position: inher ...
- 反编译获取线上任何微信小程序源码(转)
看到人家上线的小程序的效果,纯靠推测,部分效果在绞尽脑汁后能做出大致的实现,但是有些细节,费劲全力都没能做出来.很想一窥源码?查看究竟?看看大厂的前端大神们是如何规避了小程序的各种奇葩的坑?那么赶紧来 ...
- 微信小程序初探--写个扫雷分享给你玩
闲暇里,想学一下微信小程序, 于是,用微信小程序原生做了个扫雷玩. 以下略作总结,分享给大家. 微信里下拉,输入[mini计算器], 看到这个图标的就是了: 说好的扫雷,怎么变成计算器了?原因后面解释 ...
- 微信小程序登陆流程图时序图
微信小程序登录 小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识,快速建立小程序内的用户体系. 微信小程序登录流程时序图 说明 调用 wx.login() 获取 临时登录凭证cod ...
- 微信小程序-登陆、支付、模板消息
wx.login(OBJECT) 调用接口获取登录凭证(code)进而换取用户登录态信息,包括用户的唯一标识(openid) 及本次登录的 会话密钥(session_key).用户数据的加解密通讯需要 ...
- mpvue微信小程序怎么写轮播图,和官方微信代码的差别
目前用mpvue很多第三方的ui库是引入不了的,因为它不支持含有dom操作. 那我们要做轮播图的话一个是手写另外一个就是用小程序的swiper组件了: 官方代码: <swiper indicat ...
- 微信小程序登陆授权
小程序前端代码 function WXlogin(){ wx.login({ success: function (code) { wx.getUserInfo({ success:function( ...
随机推荐
- [转]Ubuntu18.04 主题美化以及常用软件
原文地址:https://www.jianshu.com/p/7d153a484f72
- vue-loader会缓存node_modules中依赖模块
问题如下: https://github.com/vuejs/vue-cli/issues/3635 截止到vue cli3还没有解决 手动删除node_modules下的.cache文件夹可以解决这 ...
- CentOS 7.5 使用 yum 安装 Kubernetes 集群(二)
一.安装方式介绍 1.yum 安装 目前CentOS官方已经把Kubernetes源放入到自己的默认 extras 仓库里面,使用 yum 安装,好处是简单,坏处也很明显,需要官方更新 yum 源才能 ...
- EF的 NoTracking 的一些记录
NoTracking官方解释 跟踪与非跟踪查询 跟踪行为可控制 Entity Framework Core 是否将有关实体实例的信息保留在其更改跟踪器中. 如果已跟踪某个实体,则该实体中检测到的任何更 ...
- 局域网-断网&劫持(kali)
1.查看局域网中的主机 fping –asg 192.168.1.0/24 2.断网 arpspoof -i wlan0 -t 192.168.100 192.168.1.1 (arpspoof - ...
- AtCoder-arc060 (题解)
A - 高橋君とカード / Tak and Cards (DP) 题目链接 题目大意: 有 \(n\) 个数字,要求取出一些数字,使得它们的平均数恰好为 \(x\) ,问有几种取法. 大致思路: 只要 ...
- Kaldi安装
Kaldi是基于C++开发并遵守Apache License v2.0的一款语音识别工具包,是目前最流行的ASR工具之一,本文基于Ubuntu 18.04 LTS介绍了如何安装Kaldi. 首先按照官 ...
- leetcode的Hot100系列--347. 前 K 个高频元素--hash表+直接选择排序
这个看着应该是使用堆排序,但我图了一个简单,所以就简单hash表加选择排序来做了. 使用结构体: typedef struct node { struct node *pNext; int value ...
- Vivado关联Modelsim进行联合仿真
Vivado自带仿真工具,但是有点慢,关联Modelsim联合仿真是最好的,注意Modelsim必须是10.7以上版本. 1.安装并成功破解Modelsim 10.7. 2.打开Vivado,点击 T ...
- 用python批量添加保护站点
最近在测试的过程中,由于一个bug的复现需要添加1600个保护站点,手工添加谁知到要何年何月,因此想到了用python进行自动化批量添加保护站点! 具体代码如下: #!/usr/bin/env pyt ...