微信小程序获取头像和昵称

2023年夏季《移动软件开发》实验报告

一、实验目标

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

二、实验步骤

列出实验的关键步骤、代码解析、截图。

1.首先，快速启动模板创建小程序步骤如下：

（1）在微信开发者工具中新建项目，选择不使用云服务，模板选用JavaScript模板

（2）点击确定即可快速创建小程序，创建完成如下：

2.其次，不使用模板手动创建小程序步骤：

（1）新建项目，选择不使用云服务，以及选择不使用模板

（2）先设计导航栏。通过更改app.json文件，将导航栏颜色改为#663399即紫色，修改导航栏文本为”手动创建第一个微信小程序“，字体改为白色：

更改完效果即:

（3）接着设计页面。更改index.wxml文件，设计一个button用于存放用户头像，当用户点击button时即可获取或更改头像；通过input获取微信昵称，其中需要添加一个images文件夹用于存放初始化的微信头像：

在index.wxss文件中修改相应的按钮、文字大小：

再在index.js文件中添加相应的逻辑关系：

编译结果如下：

三、程序运行结果

列出程序的最终运行结果及截图。

1.模板创建微信小程序运行结果：

2.手动创建微信小程序运行结果：

四、问题总结与体会

描述实验过程中所遇到的问题，以及是如何解决的。有哪些收获和体会，对于课程的安排有哪些建议。

​ 在不使用模板创建微信小程序的过程中遇到了问题，一开始使用getUserInfo来获取用户的头像和昵称，发现无法成功获取到头像和昵称信息，在CSDN上查找问题原因发现是时微信将其功能收回，最终改用onChooseAvatar方法来获取头像，通过Nickname来获取为微信昵称。通过本次实验对微信小程序的创建有了初步的认识和了解，以及对微信小程序语言也有了一定的学习。