微信小程序获取登录信息并保存到缓存中

以你之姓@ 2022-11-07 05:27 112阅读 0赞

> wxml

<van-button wx:if="{ {isShownBtn}}" open-type="getUserInfo" bindgetuserinfo="getInfo">
      登录
    </van-button>
    <view wx:else>
    	<view class="user" >
    	  <image class = "user_image" src="{ {userInfo.avatarUrl}}"></image>
    	</view>
    </view>

> js

// pages/me/me.js
    Page({ 
    
      /** * 页面的初始数据 */
      data: { 
        isShownBtn: true,
        userInfo: null,
      },
    
      //获取用户信息
      getInfo(e){ 
        let user = e.detail.userInfo
        this.setData({ 
          userInfo:user,
          isShownBtn:false,
        })
        // 本地缓存
        wx.setStorageSync('user', user)
      },
      //退出登录
      logOut(e){ 
        this.setData({ 
          userInfo:null,
          isShownBtn:true,
        })
        wx.setStorageSync('user', null)
      },
      /** * 生命周期函数--监听页面加载 */
      onLoad: function (options) { 
        let user = wx.getStorageSync('user')
        if(user){ 
          this.setData({ 
            userInfo:user,
            isShownBtn:false
          })
        }
      }
    })

发表评论取消回复

表情：

评论列表（有 0 条评论，112人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序获取用户信息

> 1. 2021年4月13日后发布的小程序新版本，无法通过wx.getUserInfo与获取用户个人信息（头像、昵称、性别与地区），将直接获取匿名数据（包括userInfo

深藏阁楼爱情的钟/ 2022年11月15日 14:08/ 0 赞/ 331 阅读

相关微信小程序获取登录信息并保存到缓存中

> wxml <van-button wx:if="{ {isShownBtn}}" open-type="getUserInfo" bindgetuserinfo=

以你之姓@/ 2022年11月07日 05:27/ 0 赞/ 113 阅读

相关微信小程序---保存图片到本地

1.用户授权 wx.getSetting({ success(res) { if (!res.authSetting[

秒速五厘米/ 2022年08月29日 11:59/ 0 赞/ 281 阅读

相关微信小程序保存图片到相册

先来看小程序中的保存图片到相册的api wx.saveImageToPhotosAlbum({ filePath : "./test.png", //

- 日理万妓/ 2022年05月23日 00:14/ 0 赞/ 340 阅读

相关【微信小程序】详解微信小程序登录wx.login和获取用户信息wx.getUserInfo

\前言\ 相信各位大佬在写小程序的时候基本都会牵扯到小程序原生的登录接口。但是，微信的登录这一套登录体系是真的很难懂！接下来，我会跟大家分模块分析它们。 \正文\

男娘i/ 2022年05月16日 09:34/ 0 赞/ 260 阅读

相关微信小程序：最新微信登录授权并获取openid等信息

简介为优化用户体验，使用 wx.getUserInfo 接口直接弹出授权框的开发方式将逐步不再支持。从2018年4月30日开始，小程序与小游戏的体验版、开发版调用 wx

青旅半醒/ 2022年05月11日 19:26/ 0 赞/ 262 阅读

相关微信小程序中获取用户微信运动信息

可以通过微信接口：wx.getWeRunData 获取用户过去三十天的微信运动步数。前提：使用这个接口有两个前提： 1. 需先调用wx.login接口进行登录步

电玩女神/ 2022年02月21日 01:51/ 0 赞/ 1087 阅读

相关微信小程序授权登录(获取微信头像并显示)

用户页面代码 user.wxml <block> <view class="user_img_wrap" wx:if="{ {userInfo.a

小咪咪/ 2021年07月24日 19:19/ 0 赞/ 1269 阅读

相关微信小程序获取用户信息(授权登录)

1、在button中添加属性 open-type='getUserInfo' 2、button绑定事件监听 bindgetuse

悠悠/ 2021年07月24日 12:51/ 0 赞/ 874 阅读

相关微信小程序-canvas生成图片并保存到本地

微信小程序-canvas生成图片并保存到本地前言需求场景：我们知道，微信小程序可以分享给好友或者微信群，不能分享到朋友圈，那分享到朋友圈就需要特殊处理一下，这里我们把...

红太狼/ 2020年06月18日 16:20/ 0 赞/ 856 阅读