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

代码仓库地址

一、实验目标

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

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

二、实验步骤

2.1 自动生成小程序

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

2.2 手动创建小程序

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

完成功能代码

得到初始界面如下

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

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

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

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

最终结果如下

三、程序运行结果

2.1 自动生成小程序结果

2.2 手动创建小程序结果

四、问题总结与体会

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