微信小程序wx.getUserInfo方法获取的用户信息为英文字母

最新推荐文章于 2024-01-15 20:39:53 发布
原创 最新推荐文章于 2024-01-15 20:39:53 发布 · 3.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#WeChat

在微信小程序开发中，使用wx.getUserInfo方法默认获取的用户信息为英文，本文介绍如何通过简单设置lang参数为zh_CN来获取用户的中文国家、省份、城市等信息。

我们在开发微信小程序的时候会发现用wx.getUserInfo方法获取到的用户国家、省份、城市等信息都是英文字母，要想获取中文信息，您只需在wx.getUserInfo中加上  lang:"zh_CN"这条语句就可以，如下图所示：

微信小程序开发中的多国语言支持和国际化
吃不胖.
05-03 986
然后，使用getApp().i18n.translate()方法来翻译文本，并通过setData()方法来设置页面的翻译和本地化文本。例如，在页面的wxml文件中，我们可以使用wx:if和wx:elif指令来根据不同的语言来显示不同的文本。然后，在页面的js文件中，我们可以使用Page()方法的onLoad()钩子函数来获取当前语言，并根据语言来设置页面的翻译和本地化文本。在上述代码中，我们使用wx:if和wx:elif指令来判断当前语言，然后分别显示中文和英文的文本。
微信小程序授权获取用户信息之wx.getUserInfo 切换到 wx.getUserProfile的使用(已弃用)
fighting ~的博客
10-24 1万+
最近在做一个小程序的项目，需要微信授权获取用户信息（用户头像、昵称、性别及地区信息等），在微信小程序官方文档中查看这部分内容，由于一开始没有仔细看到已经被回收，于是，尝试使用进行授权获取用户信息时并不会有弹框，而是直接返回了用户信息，相信很多人也有同样的经历，在此总结一下解决方式。
微信小程序中英文国际版
LDL_CQ的博客
02-24 1830
1.在main.js中引入vue-i18n //引入中英文 import VueI18n from 'vue-i18n' Vue.use(VueI18n); const i18n = new VueI18n({ silentFallbackWarn: true, //在初始化VueI18n实例时禁止设置这些警告（同时保留那些警告给定键完 全没有翻译的警告）。 // 加载语言文件的内容 messages: { 'zh': require('./lang/zh.js').lan
判断是字母小程序
apple_mayi的博客
07-19 472
 import java.util.Scanner; class Work2{  public static void main(String[] args) {   Scanner sc = new Scanner(System.in);   String s1 = sc.next();   char s = s1.charAt(0);   if(( s>= 'A' &&  s
微信小程序------WXML模板语法之条件渲染和列表渲染
m0_73633088的博客
01-15 1681
微信小程序-----WXML模板语法之数据绑定与事件绑定-优快云博客），那么本期我们继续wxml语法的学习，本期的主要内容是条件渲染和列表渲染，下面就开始本期的学习吧！
微信小程序wx.getUserInfo授权获取用户信息(头像、昵称)的实现
10-14
`wx.getUserInfo`接口是微信小程序提供的一种授权方式，用于在用户同意的情况下获取其基本信息。 首先，`wx.getUserInfo`接口只能获取非敏感信息，如昵称和头像。如果需要获取更敏感的信息，如`openid`，则需要调用...
微信小程序 wx.getUserInfo引导用户授权问题实例分析
10-15
其中，wx.getUserInfo是微信小程序提供的一个接口，允许开发者获取当前用户的个人信息，如昵称、头像等。然而，在使用wx.getUserInfo接口时，开发者需要引导用户主动授权，这就涉及到了用户授权问题。 用户授权问题...
微信小程序中英文切换
猪大肠的博客
08-12 1万+
最近公司接了个项目，客户那边要求要有中英翻译；本来以为在网上有类似的框架，后面找了大半天，最后还是自己动手丰衣足食； 这里有3个地方需要进行中英切换的，顶部页面标题，小程序内容页，还有底部tabBar; 实现思路 一、创建json字典 将我们整个小程序的内容进行动态赋值,这里如果使用的是图片的画，就需要提前准备两张图片，一张用于中文版本显示，一张用于英文版本显示；所以一般我们需要创建两个json文件；这里我在根目录下创建language文件夹，并创建存放中文的zh_lang和英文的en_zhang两个jso
小程序 wx.getUserInfo 获取用户信息是英文？
苏公子的博客
09-24 1878
我们在开发微信小程序的时候会发现用wx.getUserInfo方法获取到的用户国家、省份、城市等信息都是英文字母，要想获取中文信息，您只需在wx.getUserInfo中加上 lang:"zh_CN"这条语句就可以。 wx.getUserInfo({ lang:"zh_CN", success: function(res) { var userInfo = res.userI...
关于微信里wx.getUserInfo获取用户信息都是拼音的转成中文方法
weixin_34242509的博客
06-29 3747
加一个参数：lang:"zh_CN" 就可以了 1. 加在js里面 wx.getUserInfo({ lang:"zh_CN", success: function(res) { var userInfo = res.userInfo var nickName = userInfo.nickName var avatarUrl = userInfo...
微信小程序获取用户信息的两种方法wx.getUserInfo&open-data
热门推荐
zengZeng的博客
09-03 13万+
在此之前，小程序获取微信的头像，昵称之类的用户信息，我用的都是wx.getUserInfo，例如： onLoad: function (options) { var that = this; //获取用户信息 wx.getUserInfo({ success: function (res) { console.log(res...
新更改的wx.getuserInfo接口后如何获取用户信息
Fighting社火底子
05-26 2万+
        https://developers.weixin.qq.com/miniprogram/dev/api/open.html#wxgetuserinfoobject   更改之后原来的 那个wx.getuserInfo就无法直接获取用户信息了 那么我要如何获取  下面是我的写法           index.js里面是这样的  g...
小程序开发之 wx.getUserInfo获取用户信息方案介绍
夜空的流星的专栏
03-20 5061
原文链接：https://www.cnblogs.com/kenshinobiy/p/9118024.html ========================================= 背景 小程序一个比较重要的能力就是获取用户信息，也就是使用wx.getUserInfo接口。我们发现几乎所有的小程序都会调用这个接口。虽然我们在设计文档上有提出最好的设计是在真正要用户信息的情况...
微信小程序getUserInfo返回的地区信息是拼音的问题
qq_22607961的专栏
10-22 6555
微信小程序获取用户信息返回省市区数据格式问题 最近在开发微信小程序的时候，调用微信的getUserInfo接口，返回的用户数据是这样的 后面查了一下文档，发现是lang的参数没有设置，具体的解决方案调用的时候设置一下lang 文档中，这个参数可以有几种语言可以设置，具体如下： ...
微信小程序常见错误及基本排除方法
Dreawer微信小程序联盟
06-27 3712
也接触了不少人解决问题的过程里，有一些比较难以排查的可能性列举在这，方便大家看一下： 特别提示：为了排除问题所在，建议针对问题制作最简demo，以便最小化缩小其他内容或代码对问题的影响范围。 1：ES6；使用es6可能导致安卓端真机调试时很多问题出现，还有其他未知问题；原因未知； 2：字母拼错，包括字母拼写错误，大小写没有注意；微信小程序中，有大量这样的代码示例，从中间冒出一个大
【微信小程序】详解微信小程序登录wx.login和获取用户信息wx.getUserInfo
码婆Doph
08-19 4万+
前言 相信各位大佬在写小程序的时候基本都会牵扯到小程序原生的登录接口。但是，微信的登录这一套登录体系是真的很难懂！ 接下来，我会跟大家分模块分析它们。 正文 1.标准登录流程详解 小程序通过wx.login()接口从微信官方服务器获取用户code（如下图）（code 我就不打码了) 注意：以上wx.login()接口是静默进行的。也就是说，不会弹出授权窗口。 小程序把...
微信详细授权（snsapi_userinfo）
anhepan0912的博客
08-14 2295
/** *弹出授权页面，可通过openid拿到昵称、性别、所在地。并且，即使在未关注的情况下，只要用户授权，也能获取其信息 */function index(){ //公众号在微信的appid $appid = "" //重定向到回调地址 $redirect_uri =urlencode('http://www.xxx.com/xx...
微信小程序授权 获取用户信息
guochanof的专栏
05-30 8万+
小程序在18年4月25日做了一次更新,不再支持直接弹出授权信息框 具体代码请看这里: >> 获取用户信息(用户信息、获取unionId、openId)请移步到这里 用户打开小程序时，直接弹框获取用户信息授权，可能会立马懵圈： 你是谁？ 我在哪里？ 我为什么要同意？…… 相当一部分用户下意识会拒绝授权——这样不合理的登录流程既造成...
微信小程序:wx.getUserInfo()获取用户信息报错
qq_47953504的博客
07-25 3013
~:在使用wx.getUserInfo()来获取用户相关信息报错失败. ~:为优化用户体验，使用 wx.getUserInfo 接口直接弹出授权框的开发方式将逐步不再支持。从2018年4月30日开始，小程序与小游戏的体验版、开发版调用 wx.getUserInfo 接口，将无法弹出授权询问框，默认调用失败。 ~:报出信息:小程序与小游戏获取用户信息接口调整，请开发者注意升级 对于小程序来说可以使用两种方式来解决: (1)使用 button 组件，并将 open-type 指定为 getUserInfo 类型
微信小程序用户登录接口的wx.login和wx.getuserinfo
最新发布
06-12
### 微信小程序中 wx.login 和 wx.getUserInfo 的使用方法及区别 #### 1. wx.login 使用方法 `wx.login` 是微信小程序提供的一个接口，用于获取用户的登录凭证（code）。该接口是静默调用的，不会弹出任何授权窗口。开发者需要将获取到的 code 发送到开发者服务器，并通过开发者服务器与微信官方服务器交互，换取用户的 `openid` 和 `session_key`。 代码示例如下： ```javascript wx.login({ success: (res) => { if (res.code) { // 将 res.code 发送到开发者服务器 console.log("登录成功，code为：", res.code); } else { console.log("登录失败！" + res.errMsg); } }, fail: (err) => { console.log("获取登录凭证失败！", err); } }); ``` 此接口的主要作用是获取用户的唯一标识 `openid`，并建立用户与开发者服务器之间的登录态[^1]。 --- #### 2. wx.getUserInfo 使用方法 `wx.getUserInfo` 是微信小程序提供的另一个接口，用于获取用户的个人信息（如头像、昵称等）。与 `wx.login` 不同的是，`wx.getUserInfo` 需要用户手动授权，因此会弹出授权窗口。如果用户拒绝授权，则无法获取其信息。 代码示例如下： ```javascript wx.getUserInfo({ success: (res) => { const userInfo = res.userInfo; console.log("用户信息获取成功：", userInfo); }, fail: (err) => { console.log("用户信息获取失败！", err); } }); ``` 需要注意的是，`wx.getUserInfo` 必须配合 `wx.getSetting` 来判断用户是否已经授权。如果用户尚未授权，可以通过按钮组件 `<button>` 来引导用户授权[^2]。 --- #### 3. 使用区别 | **对比项** | **wx.login** | **wx.getUserInfo** | |---------------------|--------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------| | **主要功能** | 获取登录凭证（code），用于换取 `openid` 和 `session_key`。 | 获取用户的基本信息（如头像、昵称等）。 | | **是否需要授权** | 不需要，静默调用。 | 需要用户手动授权，会弹出授权窗口。 | | **返回数据** | 返回登录凭证（code），开发者服务器需通过 code 换取 `openid` 和 `session_key`。 | 返回用户的个人信息（如头像、昵称等）。 | | **调用顺序** | 必须先调用 `wx.login`，再调用 `wx.getUserInfo`，否则可能导致异常[^3]。 | 可以单独调用，但建议在 `wx.login` 之后调用。 | | **适用场景** | 建立用户与开发者服务器之间的登录态，用于后续业务逻辑验证。 | 获取用户的个人信息，用于展示或存储用户资料。 | --- #### 4. 使用场景 - **wx.login 的典型场景** - 用户首次打开小程序时，调用 `wx.login` 获取登录凭证（code），并将其发送到开发者服务器，用于换取 `openid` 和 `session_key`。 - 在需要验证用户身份的场景下，可以利用 `openid` 建立自定义登录态。 - **wx.getUserInfo 的典型场景** - 在需要展示用户头像或昵称的页面，调用 `wx.getUserInfo` 获取用户信息。 - 在需要存储用户信息的场景下，可以将获取到的用户信息保存到开发者服务器。 --- #### 5. 注意事项 - `wx.login` 和 `wx.getUserInfo` 必须按照正确的顺序调用，否则可能导致异常。通常情况下，先调用 `wx.login` 获取登录凭证，再调用 `wx.getUserInfo` 获取用户信息[^3]。 - 如果用户拒绝授权 `wx.getUserInfo`，则需要通过 `<button>` 组件重新引导用户授权。 - 官方出于安全考虑，不推荐直接将 `openid` 暴露给前端，建议开发者服务器根据 `openid` 生成自定义的用户标识（如 `userid`）[^1]。 --- ### 示例代码 以下是一个完整的登录和获取用户信息的流程示例： ```javascript // 调用 wx.login 获取登录凭证 wx.login({ success: (loginRes) => { if (loginRes.code) { // 将登录凭证发送到开发者服务器 wx.request({ url: 'https://your-server.com/login', method: 'POST', data: { code: loginRes.code }, success: (serverRes) => { const token = serverRes.data.token; // 自定义登录态 wx.setStorageSync('token', token); // 调用 wx.getUserInfo 获取用户信息 wx.getUserInfo({ success: (userInfoRes) => { const userInfo = userInfoRes.userInfo; console.log("用户信息：", userInfo); }, fail: () => { console.log("用户拒绝授权！"); } }); } }); } } }); ``` ---
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值