前言

提示：这里可以添加本文要记录的大概内容：

例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。

提示：以下是本篇文章正文内容，下面案例可供参考

一、小程序登录的API

获取用户信息。

// 必须是在用户已经授权的情况下调用
wx.getUserInfo({success: function(res) {var userInfo = res.userInfovar nickName = userInfo.nickNamevar avatarUrl = userInfo.avatarUrlvar gender = userInfo.gender //性别 0：未知、1：男、2：女var province = userInfo.provincevar city = userInfo.cityvar country = userInfo.country}
})

会弹出授权（官方要求）
然后获取到的内容给页面的data

2.做缓存维持登录状态

      login(){wx.getUserProfile({desc: '必须授权登录才可以使用',success: res=>{let user = res.userInfowx.setStorageSync('user', user)this.setData({//也可以直接写到wxml里面 这就是另一种登录方式nickName:res.userInfo.nickName,touxiang:res.userInfo.avatarUrl,login:false //记录登录的状态})wx.setStorage({key:"nologin",data:"false"})//将登录状态在缓存中放一份},fail: res=>{console.log('授权失败',res)}})},

Onload生命周期：只在第一次创建页面时执行

退出登录

我的做法主要时结合了缓存

tuichu:function(){let that = thiswx.showModal({title: '提示',content: '是否退出登录',success (res) {           if (res.confirm) {wx.removeStorageSync('user')wx.removeStorageSync('nologin')//移除这两个缓存也就退出了登录that.setData({login:true})console.log('用户点击确定')} else if (res.cancel) {console.log('用户点击取消')}}})
},

如果没登录就隐藏模块

<view class="btn" bindtap="login" wx:if="{{login}}">登录</view>

总结

总结：需要做对登录状态的判断避免重复调用函数来登录也是保存下登录的状态保证在自己不主动退出登录的情况下一直保持登录状态
实现方式将获取到的信息顺带储存到缓存中（但是微信缓存满10M会自动清理缓存这种情况还未遇到过知道的可以告知多谢）

微信小程序实现登录功能相关推荐

2021-11-05 微信小程序实现登录功能
微信小程序实现登录功能(云函数的创建和调用) Page({data: {userInfo: {},},getUserProfile (e) {wx.getUserProfile({desc: '用于完 ...
微信小程序-注册登录功能-本地数据保存-页面数据交替
Title:微信小程序-注册登录功能-本地数据保存-页面数据交替完美-小程序登录注册功能.rar-- 访问码:yqa5 1.主页面主页面login.js代码 // pages/login/logi ...
【微信小程序】登录功能实现及讲解（获取用户唯一标识）
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 正文: 功能:登录实现并获取到用户唯一标识官方文档地址:可以先看完我的文章再看官方地址实现步骤:1.调用微 ...
微信小程序用户登录功能无法使用
背景一个半年前的小程序项目了,最近一个用我项目的朋友说用户登录功能不能用了,小程序端.后端都没有报错.只有我开发时留下的,信息提示. 我第一个反应就是微信小程序在今年三月份更新的接口,wx.getU ...
微信小程序一键登录功能，使用uni-app和springboot（JWT鉴权）
目录概述微信登录接口说明关于获取微信用户的信息前端代码(uni-app) 后端代码(SpringBoot) 配置文件:application.yml 配置文件:Pom.xml 类:WeChat ...
如何完成微信小程序的登录功能
前言微信小程序是一个轻量级的,不用安装包,就可以打开的一个小工具,那我们就看一下,微信小程序是如何登录的开始第一步,搭建基础页面. <template><view class= ...
简单实现小程序授权登录功能
本人给大家带来了关于微信小程序的相关知识,其中主要介绍了怎么实现小程序授权登录功能的相关内容,下面一起来看一下,希望对大家有帮助. 在我们平时工作.学习.生活中,微信小程序已成为我们密不可分的一部分, ...
微信小程序退出登录取消授权
退出登录首先,最近因为要做微信小程序,所以了解了一下相关文档知识. 微信小程序退出登录功能想要取消用户授权这个在微信开发文档上有写,是不能取消的. 以下是截图其次,根据自己项目经历,发现在获取地理 ...
微信小程序授权登录全过程解析（附代码）
今天小编对于微信小程序的登录功能比较感兴趣,也是由于工作需要,就大概研究了一下. 这里先附一张小程序的登陆整体流程图. 整体流程: 微信端点击登录按钮后会去调用 wx.login接口,如果接口调用成功 ...
微信小程序-001-抽签功能-008-简单登录
微信小程序-001-抽签功能-008-简单登录目录一.wxml 二.js pages.login.login 一.wxml <button open-type="getUserIn ...

微信小程序实现登录功能

文章目录

前言

一、小程序登录的API

2.做缓存维持登录状态

退出登录

总结

微信小程序实现登录功能相关推荐

最新文章

热门文章