微信小程序云开发-垃圾分类小程序

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

一、实验目标

1. 学习微信小程序云开发的基础知识
2. 完成利用文本搜索的功能
3. 完成图像识别功能

二、实验步骤

1. 新建文件夹，打开git bash，git clone将远端项目克隆到本地
   

2. 注册百度智能云账户，创建一个图像识别应用，记录生成的API Key和Secret Key。
   

3. 在微信开发者工具中，创建云开发环境，记录生成的环境ID。然后在app.js的onLaunch函数中，在配置对象中设置env属性，指定小程序开发的环境ID，初始化小程序的云开发环境。

 onLaunch: function () {
    
    if (!wx.cloud) {
      console.error('请使用 2.2.3 或以上的基础库以使用云能力')
    } else {
      wx.cloud.init({
        // env 参数说明：
        //   env 参数决定接下来小程序发起的云开发调用（wx.cloud.xxx）会默认请求到哪个云环境的资源
        //   此处请填入环境 ID, 环境 ID 可打开云控制台查看
        //   如不填则使用默认环境（第一个创建的环境）
        env: 'plumage-0g7mk2z896a9899f',
        traceUser: true,
      })
    }
  }

4. 在全局配置文件project.config.json中填入小程序的appID；在search.js文件的data中填入API Key和Secret Key，实现调用图像识别API时的身份验证。

5. 部署云函数：依次对cloudfunctions文件夹下的getHotItems、login、search、type子文件夹上传并部署云端安装依赖。
   

6. 部署云数据库：在小程序云开发控制台的数据库页面，创建集合trash、type，并依次导入trash.json和type.json文件。
   

三、程序运行结果

• 小程序的搜索页面：
  

• 点击热门搜索：

• 在搜索框自行输入，然后搜索：

• 扫描图片，进行图像识别，再得到垃圾分类结果

四、问题总结与体会

• 遇到问题：在进行图像识别时，扫描会显示识别不到物品，同时控制台报错：
  

• 如何解决：通过检查在百度智能云平台检查，发现是因为QPS超限额而调用失败，接着发现是因为没有领取免费资源。所以我领取资源后重新创建了一个应用，并更新API Key和Secret Key，实现图像识别。

• 收获和体会：通过本次实验，我对微信小程序云开发有了基本的了解，学会了如何搭建云开发环境和调用API，感受到了云开发的便利性。