微信小程序——读取显示用户头像昵称

代码仓库地址

一、实验目标

1、学习使用快速启动模板创建小程序的方法；

2、学习不使用模板手动创建小程序的方法。

二、实验步骤

2.1 自动生成小程序

完成开发者注册后，填写小程序名称及ID等信息，选取模板后，打开即可看到自动生成的小程序，微信头像昵称已经显示出来

2.2 手动创建小程序

同样打开模板程序，删除模板中已经写好的程序，留下框架，添加图像、文字及按钮组件

完成功能代码

得到初始界面如下

但是完成后无法读取本人微信信息，而是显示默认信息

另外我们在2.1中可以看到以下信息

因此可以知道我们需要使用另外的接口，即 getUserProfile 接口

同时为避免重复弹窗，修改 button

最终结果如下

三、程序运行结果

2.1 自动生成小程序结果

2.2 手动创建小程序结果

四、问题总结与体会

本次实验为开始熟悉微信小程序的结构与编写基本方法，主要问题为旧接口无法正确获得用户信息，通过查找文档找到新接口的实现方法，最终能够实现用户信息的读取并显示用户头像及昵称。

微信小程序——读取显示用户头像昵称相关推荐

微信小程序如何获取用户头像昵称
微信小程序登录用户头像昵称已经不支持支持获取,因为用户的scope.userInfo权限已经回收,可以使用昵称头像填写进行完善用户信息,按照官方推荐会显示用户在微信的头像和昵称,本文介绍一下实现方案. ...
【微信小程序开发】用户头像昵称获取规则调整 2022
之前通过wx.getUserInfo获取用户的头像.昵称等信息 2021年4月调整为通过wx.getUserProfile获取用户的头像.昵称等信息详情请看:https://developers.w ...
php取微信名字和头像,微信小程序如何获取用户头像和昵称
本文介绍了微信小程序如何获取用户头像和昵称,分享给大家,具体如下: 代码user.wxml: {{userInfo.nickName}} user.js //sort.js //獲取應用實例 var ...
微信小程序最新调用用户头像以及昵称
众所周知:微信小程序开发是面对"公告"编程,小程序的api更新迭代之快,让人叫苦不堪,,, 最近开发小程序项目时,获取用户头像和昵称的方式发生了很大的改变: 它居然绑定到一个 bu ...
【微信小程序】获取用户头像和ID
课程中国海洋大学22夏<移动软件开发> 实验名称实验1:第一个微信小程序一.实验目标 1.学习使用快速启动模板创建小程序的方法: 2.学习不使用模板手动创建小程序的方法. 二.实验步 ...
微信小程序实现登录获取头像昵称
微信小程序如何来获取用户头像昵称大家一定对下面这个图不陌生吧,我们在进入小程序之前,都会遇见类似这样的情况,那么这个是怎么用微信开发者工具实现的呢? 要求 1.首先,我们打开微信开发者工具,新建一个 ...
微信小程序地图使用用户头像标记
一.在开发微信小程序地图的过程中,有这样一个需求,用户发表祝福语,然后存入数据库,可以在地图上显示用户头像并且点击用户头像时显示祝福语. 二.自己在开发时遇到的问题: 1.微信头像是网络图片,而地图的 ...
微信小程序直接获取用户头像、昵称等（无需按钮授权）
直接使用微信提供的组件在页面使用获取用户头像.昵称头像是直接返回图片需要对样式进行修改,其它数据也是直接展示头像圆角需要加这个,否则实现不了
关于微信小程序如何获取用户头像（保存到本地）新方法
传统接口wx.getUserInfo的效果会弹出一个给用户的弹窗,需要用户授权,但是在使用时候会有官方log提醒你,这个方法需要升级.新方法则无需用户授权,使用方法如下: <open-data ...

微信小程序——读取显示用户头像昵称

微信小程序——读取显示用户头像昵称

一、实验目标

二、实验步骤

2.1 自动生成小程序

2.2 手动创建小程序

三、程序运行结果

2.1 自动生成小程序结果

2.2 手动创建小程序结果

四、问题总结与体会

微信小程序——读取显示用户头像昵称相关推荐

最新文章

热门文章