实验 3：微信小程序云开发

源代码：https://github.com/hongjr03/MiniProgram

实验目的

学习微信小程序云开发的基础知识。

实验步骤

创建云开发环境

右上角可以看到云开发的环境 ID，点击即可复制。

注册百度智能云并实名认证、领取免费额度

这里容易出现的问题是，由于实验文档有一定时间距离了，页面已经有了变化，容易忽略掉领取免费额度的步骤，导致后续无法调用其 API，见问题总结与体会。

领取免费额度后，在应用列表可以看到自己的 API Key 和 Secret Key，复制下来备用。

导入项目

导入垃圾分类小程序，并修改 app.js 中的云环境 ID，以及 search.js 中的百度智能云的 API Key 和 Secret Key。

项目目录结构如下：

.
├─cloudfunctions
│  ├─getHotItems
│  ├─login
│  ├─search
│  └─type
└─miniprogram
    ├─components
    │  └─chatroom
    ├─images
    ├─pages
    │  ├─index
    │  ├─main
    │  ├─my
    │  └─search
    └─style

上传、部署云函数

依次选择 cloudfunctions 中的四个云函数，点击上传并部署。

部署云数据库

在云开发的云数据库中，创建集合 trash 和 type，分别用于存储垃圾分类的数据和垃圾分类的类别。从老师给的 json 文件中导入数据。

程序运行结果

问题总结与体会

部署百度云 API 后无法正常调用

实验中遇到无论如何上传图片都无法正常识别图像物体的问题，查询调试控制台发现

statusCode 为 200，说明可以正常调用百度云的 API，但是返回的结果提示 "Open api qps request limit reached"，说明调用次数超过限制。这时候回到线上的控制台查看调用情况：

然后才想起来线上的免费额度没有领取，导致无法正常调用。这个问题在实验文档中比较容易被忽略掉。

实名认证并领取免费资源后，等待片刻即可使用。

实验总结

本次实验通过一个垃圾分类小程序的实例进一步巩固了对 API 调用的理解，同时也学习了微信小程序云开发的一些基础知识，比如云函数、云数据库等。整体还算是比较顺利的，希望可以将云开发的知识在个人项目里用好！