本文共 2679 字，大约阅读时间需要 8 分钟。

上篇文章我们大致了解了下云函数

这篇文章带大家使用云函数来整合百度ai图像识别SDK

也算是云函数的一个小练习 最好看完上个文章再来看这个 就当练习

两个文档需要看

uniCloud

百度ai图像识别SDK文档

我们的视频教程(免费)链接为

视频

将sdk制作成公共模块

创建common目录

如果你没有cloudfunctions 参考上篇文章

鼠标右键点击这个文件夹 新建common目录

新建公共模块

右键点击common新建公共模块

我在这里起名为hello

创建完成

npm导入百度aip

这个时候 我们可以控制台进入 hello目录

根据百度ai开放平台图像识别SDK文档

可得 我们需要 npm install baidu-aip-sdk来安装依赖

在hello目录下安装 执行npm install baidu-aip-sdk 建议使用cmd 安装完成

再次封装

uniapp文档说 需要使用module.exports导出模块

我们在 /hello/index.js来编写

根据百度ai文档 node引入如下

我们结合下

var AipImageClassifyClient = require("baidu-aip-sdk").imageClassify;// 设置APPID/AK/SKvar APP_ID = "你的 App ID";var API_KEY = "你的 Api Key";var SECRET_KEY = "你的 Secret Key";// 新建一个对象，建议只保存一个对象调用服务接口var client = new AipImageClassifyClient(APP_ID, API_KEY, SECRET_KEY);module.exports = client

公共模块完成 右键点击hello文件夹 上传公共模块

编写云函数

按照上篇文章 我们右键单击cloudfunctons新建云函数 这里我起名为usehello

右键点击usehello 选择管理公共模块依赖 选择hello 更新依赖

代码

'use strict';let client = require('hello')exports.main = async (event, context) => {
   	return new Promise(function(resolve){
   		client.advancedGeneral(event.bas64).then(function(result) {
   			resolve(result)		}).catch(function(err) {
   		    // 如果发生网络错误		    console.log(err);			return "error"		});	})};

代码解释

event.bas64为接收的base64数据 具体往下看前端测试调用云函数

首先 我们导入公共模块的hello导出的client 在 主函数中编写 这里使用通用物体识别 根据文档

这里我们直接给云函数传送base64数据 当然等会会讲 图片也压缩了(用到了插件)

返回一个Promise对象 如果不使用Promise可以使用回调 但是Promise方便

我们把识别的结果抛出

云函数编写完成 右键点击hello 更新依赖本模块的云函数

小踩坑

如果出现 上传公共模块后 云函数还报错说无依赖的公共模块 需要你上传

修改 云函数目录下的package.json 将

"dependencies": {
   		"hello": "file:..\\common\\hello"	}

改为

"dependencies": {
   		"hello": "file:../common/hello"	}

操作完成即可

前端测试

我们直接使用 index

这里给logo图像加了个点击事件 testOne 使用了别人的压缩插件来压缩图像 插件地址 当然如果不想使用别人的压缩插件 可以 通过如下步骤压缩 图片画到canvas上 自行压缩尺寸 最后生成 base64数据

页面

功能

说明

首先我们使用了uni.chooseImage选择一个图片 然后通过插件来压缩图片

然后将图片转换为base64数据 并调用云函数

图片转base64

请求压缩图像得到的临时图像地址 请求得到arraybuffer 通过uni.arrayBufferToBase64转化为base64

uni.request({
   	url:resp,	method:'GET',	responseType: 'arraybuffer',	success:function(res){
   		let base64s = uni.arrayBufferToBase64(res.data);	}}

调用云函数

可以参考文档

我们调用写的usehello云函数 传送base64数据 key:value格式传送数据bas64:base64s

uniCloud.callFunction({
   	name:'usehello',	data: {
   bas64:base64s}	}).then(res=>{
   		console.log(res.result.result)	})

得到抛出的结果

效果如下

完整功能代码

朋友，实不相瞒，我想给你送一份真挚的新年礼物，趁新年伊始快来入驻腾讯云+社区，和我一起做技术分享，在这里我不仅收获了满满的礼物，还获得了认同感和成就感。技术需要传播薪种，而我们都是火种的传播人。朋友，我们山顶见，期待在云端看见你！

后续会推出

前端：js入门 vue入门 vue开发小程序 等

后端： java入门 springboot入门等 服务器：mysql入门 服务器简单指令 云服务器运行项目 python：推荐 一定要看哦 一些插件的使用等

大学之道亦在自身，努力学习，热血青春

如果对编程感兴趣可以加入我们的qq群一起交流：974178910

有问题可以下方留言，看到了会回复哦

转载地址：https://dmhsq.blog.csdn.net/article/details/113764664 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！