移动软件开发 | 实验 3:微信小程序云开发

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

实验目的

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

实验步骤

创建云开发环境

云开发环境

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

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

百度智能云注册 1 百度智能云注册 2

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

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

导入项目

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

项目目录结构如下:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
.
├─cloudfunctions
│  ├─getHotItems
│  ├─login
│  ├─search
│  └─type
└─miniprogram
    ├─components
    │  └─chatroom
    ├─images
    ├─pages
    │  ├─index
    │  ├─main
    │  ├─my
    │  └─search
    └─style

上传、部署云函数

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

上传部署云函数

部署云数据库

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

云数据库 1 云数据库 2

程序运行结果

运行结果 1 运行结果 2 运行结果 3

运行结果 4 运行结果 5 运行结果 6

问题总结与体会

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

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

错误信息

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

调用情况

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

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

免费资源

实验总结

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

Licensed under CC BY-NC-SA 4.0
Blessed be the mystery of love.
使用 Hugo 构建
主题 StackJimmy 设计