如何在小程序中获取用户昵称、电话号,头像

这篇具有很好参考价值的文章主要介绍了如何在小程序中获取用户昵称、电话号,头像。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、如何获取昵称(获取微信昵称)以Taro框架为例
Taro框架中的组件Input的一个属性,type属性的值有一个nickname.
如果要拿到input的值,是要value结合onChange事件。

type="nickname" value={nickName} onChange={(value: string, event: any)=>{}

二、获取手机号
通过Button组件的属性来获取。
1、Button组件的open-type属性,当值为getPhoneNumber时进行用户授权。(手机号快速验证,向用户申请,并在用户同意后,快速填写和验证手机,)
2、通过onGetPhoneNumber()事件。是获取用户手机号的回调。
在这一步要注意的是:在这个回调函数里面须得调后台的接口,向后台提交手机号码。
从onGetPhoneNumber()的参数中拿到code值,这个code值是后台接口所需的传参。

<Button className='mobile-button' openType='getPhoneNumber' onGetPhoneNumber={async (e: any) => {
                  const code = e.detail.code
                  // 用户允许授权手机号
                  if (code) {
                    const result = await getPhoneNumber({
                      data: {
                        phoneCode: code
                      }
                    })
                  }
                }} >获取手机号</Button>

三、获取微信头像
和获取手机号类似,也是Button组件的open-type的值为chooseAvatar时,再结合onChooseAvatar()事件,在这个事件的回调中调接口。

<Button className='image-button' openType='chooseAvatar' onChooseAvatar={async (e: any) => {
                  const file = e.detail.avatarUrl
                }}
                >

四、点击图片,如何出现上拉菜单
在Image组件找中添加一个showMenuByLongpress属性即可。文章来源地址https://www.toymoban.com/news/detail-764189.html

 /** 开启长按图片显示识别小程序码菜单
   * @default false
   * @supported weapp
   */
  showMenuByLongpress?: boolean

到了这里,关于如何在小程序中获取用户昵称、电话号,头像的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 小程序获取用户头像和昵称

    本篇参考B站视频小程序实战项目-食疗坊_哔哩哔哩_bilibili 目录 方法一 方法二,本例以方法二展示 1.编写contact页面 2.展示效果 3.优化 编写app.js  编写 contact页面 展示效果: (1)wxml   (1)wxml (2)js (3)wxss (1)编译之后,页面展示如下,  (2)点击“获取头像和昵称”

    2024年02月09日
    浏览(30)
  • uniapp在小程序登录,获取用户信息,获取手机号等流程

    uniapp小程序的授权描述 1、微信小程序通过uni.login()方法可以获取到微信提供的code 2、通过登录获取的code码可以以获取用户唯一标识openid以及会话密钥sessionkey用于解密获取手机的加密信息 3、通过微信提供的获取微信手机号的方法getphonenumber拿到encryptedData iv两个字段的内容

    2024年02月12日
    浏览(48)
  • 小程序获取用户昵称头像调整记录

    调整说明 自 2022 年 10 月 25 日 24 时后(以下统称 “生效期” ),用户头像昵称获取规则将进行如下调整: 自生效期起,小程序 wx.getUserProfile 接口将被收回:生效期后发布的小程序新版本,通过 wx.getUserProfile 接口获取用户头像将统一返回默认灰色头像,昵称将统一返回 “微

    2024年02月16日
    浏览(36)
  • taro小程序用户头像昵称获取

    微信发布《小程序用户头像昵称获取规则调整公告》之后,无法再使用 getUserProfile 获取用户头像和昵称,因此小程序官方提供了头像昵称填写功能来完善个人资料。 对button添加 open-type=\\\"chooseAvatar\\\" bind:chooseavatar=\\\"onChooseAvatar\\\" 获取头像 对input添加 type=\\\"nickname\\\" 获取昵称 新增一个

    2024年02月15日
    浏览(29)
  • 微信小程序获取用户头像昵称

    微信小程序是一种基于微信开发平台的轻应用,用户可以通过微信扫码、搜索等方式进入小程序并使用。在小程序中,获取用户昵称和头像是非常常见的需求,因为这些信息可以用来个性化展示内容,提高用户体验。以下是获取用户头像昵称的传统方法: 在小程序中,可以通

    2024年02月07日
    浏览(63)
  • 关于微信小程序用户头像昵称获取规则调整后的头像昵称获取方式

    小程序用户头像昵称获取规则调整公告:小程序用户头像昵称获取规则调整公告 | 微信开放社区   点击登录按钮,先去检查用户授权信息,会弹出用户授权弹窗(首次),用户点击同意授权之后,调用 wx.login 方法获取登录凭证(code),把code传给后端写的登录接口进行解析登

    2024年02月05日
    浏览(64)
  • 小程序用户头像昵称获取不到解决办法

           1.  根据官方要求,不会要求强制性授权,头像和昵称也将被收回,给的是统一的头像和昵称,需要我们调用接口去获取微信头像和昵称。           2. 通过原生的标签调用来获取微信头像和微信昵称。 注意:这里的标签不能够修改,修改会导致头像回显问题和昵

    2024年02月11日
    浏览(43)
  • 微信小程序:获取用户信息(昵称和头像)

    微信小程序获取用户信息的接口几经变更,建议直接使用方式四: wx.getUserProfile 获取 组件功能调整为优化用户体验,平台将于2022年2月21日24时起回收通过展示个人信息的能力。 如有使用该技术服务,请开发者及时对小程序进行调整,避免影响服务流程。查看详情: https://de

    2023年04月08日
    浏览(57)
  • uniapp中微信小程序获取用户头像昵称

    关于小程序用户头像昵称获取规则调整的公告 意思就是说 从 2022 年 10 月 25 日 24 时后 wx.getUserProfile 获取用户头像将统一返回默认灰色头像,昵称将统一返回 “微信用户” 最新:用户昵称,头像获取规则 onChooseAvatar 方法必须使用 this.avatarUrl = \\\'data:image/jpeg;base64,\\\' + wx.getFileS

    2024年02月13日
    浏览(58)
  • 微信小程序获取用户头像和昵称的代码

    以下是微信小程序获取用户头像和昵称的代码示例: 获取用户信息授权 首先,需要向用户请求授权获取其头像和昵称。可以通过调用 wx.getUserProfile 方法来获取用户信息,该方法会弹出授权窗口,用户可以选择是否授权。 显示用户头像和昵称 获取用户头像和昵称后,可以将

    2024年02月16日
    浏览(42)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包