微信小程序实现登录授权弹窗getUserProfile()

最新推荐文章于 2023-07-03 11:38:26 发布
最新推荐文章于 2023-07-03 11:38:26 发布
阅读量6.9k 收藏 21
点赞数 3
分类专栏： 秋招准备 前端 微信小程序 文章标签： 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/DameLillardd/article/details/124108016
版权
本文介绍如何在uniapp和微信小程序中利用getUserProfile方法实现登录授权功能。用户点击按钮触发login函数，该函数调用getUserProfile获取用户信息。
摘要由CSDN通过智能技术生成

在uniapp和微信自带接口中，都有getUserProfile方法来实现，我们只需要在按钮上绑定一个自定义处理函数login，随后在login函数中调用getUserProfile()方法

<button type="primary" class="btn-login" @click="login">一键登录</button>

 login() {
   
              uni.<
最低0.47元/天 解锁文章
KristinKander
关注
  • 3
    点赞
  • 踩
  • 21
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
自定义权限修改弹框_微信小程序自定义授权弹框
weixin_39920403的博客
12-31 986
微信小程序自定义授权弹框最近微信获取用户信息的接口有调整，就是这货：wx.getUserInfo(OBJECT)，文档描述如下：此接口有调整，使用该接口将不再出现授权弹窗，请使用 引导用户主动进行授权操作1.当用户未授权过，调用该接口将直接报错2.当用户授权过，可以使用该接口获取用户信息解决方案无缘无故在页面上多了一个按钮，只是为了引导用户授权，加在哪里都会觉得和页面内容格格不入。那就弹一个框提...
微信统一登录
最新发布
m0_66178424的博客
07-06 405
wx.login是微信提供的微信登录接口，会返回一个临时的code值，之后根据这个临时code值获取微信用户唯一的openid和session值。由于后期小程序上传代码时前端不能出现appid,secret，建议获取openId部分放在后端接口。时，获取信息成功返回的数据。
微信小程序授权登录弹框
08-10
微信小程序授权登录弹框
微信小程序做全局登录弹窗
qq_45142260的博客
02-02 6442
微信小程序，全局控制全局登录弹窗。 需求：在任意需要弹出登录的页面，后台返回需要登录状态码，弹出登录弹窗进行登录，并刷新当前页面 过程：因为微信小程序无法封装一个全局组件通过方法全局调用。因此只能封装一个公共组件，在需要弹窗的页面注册并挂载，可以在app.json中全局注册（此处有问题后面会讲到），在需要弹窗的页面就无需注册，直接挂载即可。
黑马微信小程序登录弹窗问题与解决的说明
m0_62785037的博客
07-03 1189
黑马微信小程序登录按钮中open-type="getUserInfo" @getuserinfo="getUserInfo"，已经失效！现在采用 uni.getUserProfile方法进行使用！
微信小程序授权弹框 获取用户信息
shero888的博客
01-22 3097
功能:微信小程序 点击按钮 弹出微信授权弹框 获取用户基本信息 html: <button class="btn" open-type="getUserInfo" bindgetuserinfo="bindgetuserinfo">弹框</button> css: .btn{ padding:0; margin:0; background:#fff; width:100rpx !important; border:1rpx solid #64bf
微信小程序-引导用户授权登录getUserProfile
vvvzh的博客
06-25 3006
页面展示 wxml <!--开始体验按钮 open-type表示微信开放能力--> <button wx:if="{{canIUse}}" open-type="getUserInfo" bindgetuserinfo="onAuth" class="loginbtn">开始体验</button> <!--版本不支持时--> <view wx:else>请升级微信版本</view> js //获取应用实例 const app = ge
微信小程序——授权登录（是否受过权都会弹出授权按钮但是不会弹出微信官方调用用户信息的弹窗）
weixin_58412143的博客
07-19 1761
代码】LF微信小程序——登录（是否受过权都会弹出授权按钮但是不会弹出微信官方调用用户信息的弹窗）
微信小程序云开发之最新getUserProfile接口登录实现
sdqmrj的博客
03-24 1921
自从2021年4月13日微信小程序api做了新调整，原本获取用户授权的getUserInfo接口不再使用，这对于想要再次升级新版本以及新的小程序开发者来说，学会将getUserInfo改成getUserProfile接口是必然的。
微信小程序实现漂亮的弹窗效果
01-03
最近项目里需要实现一个带着logo的美美哒弹窗，可是翻遍小程序的文档也只能见到wx.showModal这个丑丑的东西…… 场面一度十分尴尬 可是得做啊，要不然产品大姐又要暴走了…… 好吧，来研究一下模态对话框的性质自己DIY吧~ 实现思路 模态对话框之所以被叫做“模态”，就是因为在它弹出的时候，用户如果不关闭这个对话框，是无法对其他窗口进行操作的。 那么这样一来，我们的思路就很明确了： 1. 构建一个蒙层（mask），使得背景变暗，并且阻止用户对对话框外界面的这里写代码片点击事件； 2. 构建一个对话框，在需要时弹出即可（弹出同时触发蒙层）。 示例代码 .wxml： <view
微信小程序getUserProfile并没有弹窗
09-05
- *1* [微信小程序实现登录授权弹窗getUserProfile()](https://blog.csdn.net/DameLillardd/article/details/124108016)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":...
2022最新微信小程序授权登录（前后端分离）
Bejpse的博客
02-22 4961
一、前言 首先说一下微信小程序最近两个比较大的变动： 1. 获取用户信息接口由原来的wx.getUserInfo更换为wx.getUserProfile 2021年4月28日24时后发布的新版本小程序，开发者调用wx.getUserInfo将不再弹出弹窗，直接返回匿名的用户个人信息，获取加密后的openID、unionID数据的能力不做调整。 新增getUserProfile接口，若开发者需要获取用户的个人信息，可以通过wx.getUserProfile接口进行获取，该接口只返回用户个人信息，不包含用户身份
小程序弹窗
qq284944970的博客
08-02 1259
//获取用户信息授权弹窗   &lt;!--弹窗 --&gt; &lt;view class="modal {{showAmountModal.showModal}}"&gt; &lt;view class="modal-content"&gt; &lt;view class="modal-line-box amount-title"&gt; &lt;text&am
微信小程序开发之授权弹框
JY185445的博客
04-08 6732
授权弹框 之前在开发小程序的时候遇到的问题，微信已经取消了自动弹框，所以需要开发者自己模拟弹框在用户点开小程序的时候提示授权，之前在网上搜了好多篇，有的能实现获取用户信息却不能让弹框及时弹出，因此学习总结了前人的经验，自己弄出了自己想要的效果。仅供同行们学习参考，若有不足，还望路过的高手不吝赐教。 本文仅获取的是用户昵称、头像、openid等信息，不包括微信号、手机号。 index.wxml &l...
uniApp微信小程序唤出授权头像昵称(微信授权登录)弹窗，及服务端用户信息解密注意事项
热门推荐
LinMin的博客
03-23 1万+
头像昵称弹窗弹出条件：button授权按钮 + uni.getUserProfile API请求 1.H5部分 <button open-type="getUserInfo" v-on:tap="wxLogin">微信一键登录</button> 2.JS部分 wxLogin(){ // 获取用户信息 uni.getUserProfile({ desc: '获取你的昵称、头像、地区及性别', success: res => { console.log(re.
微信小程序的全局弹窗以及全局实例
分享互联网的有趣知识~
02-23 3556
微信小程序的全局弹窗以及全局实例，可以通过弹窗+实例实现全局弹窗提醒以及参数传递和状态管理。
自动弹出 微信授权登录窗口
苦修的木鱼博客
05-10 4591
uniapp 小程序授权登录框
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值