uni-app 获取用户的openID和基本信息

article/2025/10/23 6:05:04

目录

  • 一、获取用户的openId
    • 1、前提条件:找到小程序的id和密钥
    • 2、代码展示
    • 3、结果
  • 二、获取用户的基本信息
    • 1、API说明
    • 2、代码展示
    • 2、结果


一、获取用户的openId

1、前提条件:找到小程序的id和密钥

在微信公众平台,https://mp.weixin.qq.com/,找到小程序的id和密钥
在这里插入图片描述

2、代码展示

(1)uni.login:获取用户的登录凭证。

https://uniapp.dcloud.io/api/plugins/login?id=login

(2)uni.request:发送网络请求,通过登录凭证获取用户的openID。

https://uniapp.dcloud.io/api/request/request?id=request

(3)请求接口说明

https://developers.weixin.qq.com/doc/oplatform/Third-party_Platforms/2.0/api/others/WeChat_login.html#%E8%AF%B7%E6%B1%82%E5%9C%B0%E5%9D%80

注:只需要替换掉小程序的id和密钥,其它参数无需更改

uni.login({provider: "weixin",success: function (res) {let appid = "小程序id";let secret = "小程序密钥";let url ="https://api.weixin.qq.com/sns/jscode2session?appid=" +appid +"&secret=" +secret +"&js_code=" +res.code +"&grant_type=authorization_code";uni.request({url: url, // 请求路径success: (r) => {console.log("r", r);console.info("用户的openId", r.data.openid);},});},});

3、结果

在这里插入图片描述

二、获取用户的基本信息

1、API说明

uni.getUserProfile:获取用户信息。每次请求都会弹出授权窗口,用户同意后返回 userInfo。

https://uniapp.dcloud.io/api/plugins/login?id=getuserprofile

2、代码展示

uni.getUserProfile({desc: "获取你的昵称、头像信息",//必填项,声明获取用户个人信息后的用途,不超过30个字符success: (res) => {const userInfo = res.userInfo;console.log("用户基本信息", userInfo);},fail: (res) => {//拒绝授权wx.showToast({title: "获取失败",icon: "error",duration: 2000,});return;},});

2、结果

在这里插入图片描述

在这里插入图片描述


http://chatgpt.dhexx.cn/article/Ri4hIGla.shtml

相关文章

OIDC(OpenId Connect)身份认证

1 什么是OIDC? 看一下官方的介绍(http://openid.net/connect/): OpenID Connect 1.0 is a simple identity layer on top of the OAuth 2.0 protocol. It allows Clients to verify the identity of the End-User based on the a…

openID及unionID的区别

前言:开发小程序和微信公众号之前,一定要充分理解openID及unionID的区别,唯一标识很重要,免得后期填坑 一、公众号openID和小程序openID说明: 为了识别用户,每个用户针对每个公众号或小程序等应用会产生一…

微信小程序获取用户openid(详解)

小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识快速建立小程序内的用户体系 然而因为小程序中的openid不可以直接使用需要用code(登录凭证)去换取openid 获取openid的思路 获取openid首先需要调用小程序的login方法获取小程序的登录凭证code,然后使…

如何获取微信用户openid

📒博客首页:崇尚学技术的科班人 小肖来了🏇 🍣今天给大家带来的文章是《如何获取微信用户openid》🍣 🍣希望各位小伙伴们能够耐心的读完这篇文章🍣 🙏博主也在学习阶段,如…

openID相关知识

1.openID是什么 openID是微信平台推出的,每个用户在每个公众号的用户标志。(https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html) openID目前是由28位加密过后的字符串组成。 再次说明是&…

微信openid你了解多少?appid,appsecert又是啥?

openid这个东西有点泛。百度搜到的都说这个东西可作为微信用户唯一的ID,然而很多都被认为每个微信号只能有且只有一个openid. 下面澄清一下这个openid 微信号:这个大家都可以理解,每个人都有一个微信号,不会重复。修改一次后也…

OpenID简介

一、OpenID简介 OpenId是一个以用户为中心的数字身份识别框架,它具有开放、分散、自由等特性。OpenId的创建是基于这样一个 概念:我们可以通过URI(或者URL网址)来识别一个网站。同样,我们也可以通过这样的方式来识别一…

什么是OpenID?OpenID概念、原理和案例

这几周有关OpenID的新闻不断:Google Profile变身OpenID、WordPress上的Google Friend Connect插件实现OpenID留言、OpenID先驱JanRain获得325万美元风险投资、雅虎将全面支持Facebook Connect服务…… 正好前段时间看了一些OpenID的资料,希望下面的内容可…

window.onblur 和 window.onfocus

2019独角兽企业重金招聘Python工程师标准>>> 在你浏览其他窗口页面、或是浏览器最小化、又或是点击了其他程序等等,都算是浏览器窗口失去焦点,那么 window.onblur 事件就会触发。 当你浏览别的窗口或者别的程序,直接点就是当你的窗口失去焦点…

html中onblur属性,html中的onfocus和onblur是什么属性?怎么使用?

html中的onfocus和onblur是什么属性?怎么使用?本篇文章就给大家介绍onfocus属性和onblur属性是什么,让大家了解onfocus属性和onblur属性的简单用法。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。 …

事件绑定(onclick,onfocus,onblur)

事件绑定(onclick,onfocus,onblur) 学习路线:JavaScript基础语法(输出语句)->JavaScript基础语法(变量)->JavaScript基础语法(数据类型)->JavaScript基础语法(运算符&…

js——input获取焦点-onfocus和失去焦点-onblur 自动获取焦点-autofocus=autofocus onchange 事件会在域的内容改变时发生

js——input获取焦点-onfocus和失去焦点-onblur & 自动获取焦点-autofocus“autofocus” & onchange 事件会在域的内容改变时发生 代码 <!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"…

js中的focus()

eg&#xff1a; function submitForm(){ var title $("#title").val(); var content ue.getContent(); if(title.length>100){ $.messager.alert("提示","<br>公告标题超过字数限制!","info"); $("#titl…

HTML onfocus (获得焦点)和 onblur (失去焦点)

HTML onfocus 事件属性 定义和用法 onfocus 属性在元素获得焦点时触发。 onfocus 常用于 <input>、<select> 以及 <a>. 提示&#xff1a;onfocus 属性与 onblur 属性相反。 注释&#xff1a;onfocus 属性不适用于以下元素&#xff1a;<base>、<bdo&…

multisim14

multisim14 安装之后&#xff0c;打开却无法使用&#xff0c;提示 不知道为什么会出现这种情况&#xff0c;望大神告知

multisim14安装后怎么汉化(超详解)

当有些学生开始装multisim时&#xff0c;有的安装不是汉化&#xff0c;想着是不是软件语言设置上原因&#xff0c;其实是缺少汉化包&#xff0c;当使用multisim时&#xff0c;对仪器图标倍感陌生&#xff0c;还有那些英语不好令人作呕的英文栏&#xff0c;这时想把该软件汉化&a…

Multisim12\Multisim14访问主数据库失败的解决方法

Multisim12\Multisim14访问主数据库失败的解决方法 系统WIN10 安装Multisim之后访问主数据库失败&#xff0c;访问企业数据失败&#xff0c;访问用户数据库失败&#xff0c;接连三个确定&#xff0c;然后就是元器件库一个文件也没有&#xff0c;以为是安装破解出了错&#xf…

Multisim14安装报错fatal error!Required NIPathsDir property NISHAREDDIR is undefined.

在该过程中&#xff0c;一直报错。。。 已经尝试过下载了NI的卸载软件然后重下没用。手动设置了系统变量还是没用。目前还是无法解决该问题。绿条还是能加载&#xff0c;只是加载到满时就不再动了&#xff0c;点击右边的确定就又会同时关闭。。。 作业实验报告还需要这个软件&…

multisim14 电流探针在哪儿

multisim14笔记 第一种方法&#xff1a;Place-probe&#xff0c;即可看见各种探头 第二种方法&#xff1a;直接在工具栏中添加

之前安装过Multisim14,再次安装失败的解决方法

## 之前安装过Multisim14&#xff0c;再次安装失败的解决方法 之前曾因为课程设计从公众号&#xff08;软件安装管家&#xff09;中安装过一次Multisim 14.0&#xff0c;后来以为没用了便草草一卸载以为万事大吉&#xff0c;不料不仅现在要重新使用而且安装出现特殊情况&#x…