Go 开发微信小程序共享遛狗（三）：开锁页面，如何获取用户头像？

在本文中，您将学习如何：

• 在 Go 中构建微信小程序
• 获取用户头像
• 将用户头像显示在小程序中

在开始之前，请确保您已经安装了 Go 和微信小程序开发工具。

第一步：构建微信小程序

首先，您需要创建一个新的微信小程序项目。您可以使用以下命令在终端中创建项目：

go mod init github.com/your-username/shared-dog-walking

然后，您可以使用以下命令进入项目目录：

cd github.com/your-username/shared-dog-walking

在项目目录中，您可以使用以下命令创建一个新的微信小程序页面：

go run main.go generate page unlock

这将在 pages/unlock/unlock.go 文件中创建一个新的页面。

第二步：获取用户头像

要在开锁页面获取用户头像，您需要使用 wx.getUserProfile() 方法。此方法会弹出一个对话框，要求用户授权小程序访问其头像和昵称。

要在 pages/unlock/unlock.go 文件中使用 wx.getUserProfile() 方法，您可以添加以下代码：

func (u *Unlock) getUserProfile() {
	wx.GetUserProfile(wx.GetUserProfileOption{
		Desc: "我们需要你的头像和昵称来为你生成专属的遛狗名片。",
		Success: func(res wx.GetUserProfileResult) {
			u.Data.AvatarURL = res.UserInfo.AvatarURL
			u.Data.NickName = res.UserInfo.NickName
			u.setData()
		},
	})
}

此代码会调用 wx.getUserProfile() 方法，并传入一个 wx.GetUserProfileOption 类型的参数。此参数指定了对话框的和授权成功后的回调函数。

在回调函数中，您可以将用户头像的 URL 和昵称存储到小程序的数据中。然后，您就可以在小程序中显示这些信息。

第三步：将用户头像显示在小程序中

要在小程序中显示用户头像，您可以使用 image 组件。

要在 pages/unlock/unlock.go 文件中使用 image 组件，您可以添加以下代码：

<image src="{{avatarURL}}" mode="aspectFit"></image>

此代码会创建一个 image 组件，并将其 src 属性设置为 avatarURL。avatarURL 是一个变量，存储着用户头像的 URL。

mode 属性指定了图像的显示模式。aspectFit 模式表示图像将保持其原始宽高比，并缩放图像以适应组件的大小。

现在，您就可以在小程序中显示用户头像了。

总结

在本文中，您学习了如何在开锁页面获取用户头像，并在首页展示用户头像。通过此指南，您应该能够在 Go 中构建微信小程序，获取用户头像，并将其显示在小程序中。

如果您有任何问题或建议，请随时与我联系。