2021级中国海洋大学移动软件开发项目1实验报告

【实验报告概述】 这篇实验报告来自2021级中国海洋大学的一门名为《移动软件开发》的课程，其中详细记录了实验1——创建微信小程序的过程。实验的主要目标是掌握如何利用快速启动模板创建小程序，以及如何不依赖模板手动创建。报告中还包含了实验步骤、程序运行结果以及问题总结与体会。 【实验步骤与技术要点】 1. **启动模板与手动创建**：实验的第一步是学习如何使用快速启动模板来初始化小程序项目。这通常涉及到使用微信开发者工具，选择合适的模板，然后根据模板结构进行开发。另一方面，不使用模板则需要从零开始编写小程序的基本架构，包括配置文件、页面结构等。 2. **页面布局与交互**：在`index.wxml`文件中，定义了页面的布局，包括一个图片、一段文本和一个按钮。图片和文本的数据绑定到`src`和`name`，这些值会在用户信息获取后动态更新。按钮的点击事件`bindtap`触发`getMyInfo`函数，该函数用于获取用户信息。 3. **JavaScript逻辑**：`index.js`中，`Page`对象定义了数据和方法。初始数据设置为默认值，当用户信息未获取到时，显示默认头像和“Hello World”作为昵称。`getMyInfo`函数使用`wx.getUserProfile`接口尝试获取用户信息，成功后更新`src`和`name`的数据。 4. **样式设计**：`index.wxss`负责定义组件的样式，如图片的大小和圆角，文本的字体大小等，确保页面在不同设备上的展示效果。 5. **程序运行与问题解决**：在程序运行过程中，遇到了因微信API更新导致的用户信息获取问题。原先的`getUserInfo`接口不再能直接获取用户信息，需改为使用`getUserProfile`。在模拟器上成功获取信息后，实机测试仍存在问题。最终，通过查阅资料和微信官方文档，了解到自2022年10月起，微信推荐使用授权填写的方式来获取用户信息，以增强用户隐私保护。因此，对代码进行相应调整，实现了在手机上获取用户头像和昵称的功能。 【总结与体会】 实验过程不仅锻炼了开发者对小程序生命周期的理解，还涉及到对微信开放平台API的实时跟进和适应。遇到问题时，开发者需要具备查阅资料、分析问题和解决问题的能力。此外，实验也强调了尊重用户隐私的重要性，以及遵循平台政策进行开发的必要性。这不仅是技术上的挑战，更是对开发者综合能力的考验。