您当前的位置:首页 > 电脑百科 > 程序开发 > 移动端 > 小程序

小程序开发:调用百度文字识别接口实现图文识别,Node.js开发

时间:2019-08-01 13:30:50  来源:  作者:

百度云开发注册与配置

首先需要注册百度账号,并登录百度云,进入管理控制台,创建文字识别应用,如下图

小程序开发:调用百度文字识别接口实现图文识别,Node.js开发

 

创建完应用后,打开应用管理可见App_ID、API_KEY、SECRET_KEY,需要用在小程序端调用文字识别接口。

小程序开发:调用百度文字识别接口实现图文识别,Node.js开发

 

小程序服务端开发

由于百度提供了node.js的api,而小程序服务端云函数正是基于node的开发,在小程序开发工具云函数目录下打开终端导入文字识别api,命令:npm install baidu-aip-sdk,下载完成后,可在云函数目录看见node_modeules中‘baidu-aip-sdk’ api。

小程序开发:调用百度文字识别接口实现图文识别,Node.js开发

 

在云函数目录下新建conf.js用来存放APP_ID、API_KEY、SECRET_KEY。

小程序开发:调用百度文字识别接口实现图文识别,Node.js开发

 

然后吊用api中的通用文字识别接口,传入图片即可。

// 云函数入口文件
const cloud = require('wx-server-sdk')
let AipOcrClient = require("baidu-aip-sdk").ocr;
const args = require("conf.js");
cloud.init();
// 云函数入口函数
exports.main = async (event, context) => {
 // 设置APPID/AK/SK
 let APP_ID = args.APP_ID;
 let API_KEY = args.API_KEY;
 let SECRET_KEY = args.SECRET_KEY;
 // 新建一个对象,保存一个对象调用服务接口
 let client = new AipOcrClient(APP_ID, API_KEY, SECRET_KEY);
 let fileID = event.fileID;
 let res = await cloud.downloadFile({
 fileID: fileID,
 })
 let image = res.fileContent.toString("base64");
 // 调用通用文字识别, 图片参数为远程url图片
 return client.generalBasic(image);
 //console.log(result);
 // .then(function (result) {
 // let result = JSON.stringify(result);
 // return result;
 // })
}

小程序客户端开发

图片来源有两种途径,相册选择和相机拍摄。

xaingce(e){//相册响应函数
 let tempFiles;
 let tempFilePaths;
 wx.chooseImage({
 count: 1,
 sizeType: ['compressed'],
 sourceType: ['album', 'camera'],
 success:res=>{
 // tempFilePath可以作为img标签的src属性显示图片
 tempFiles = res.tempFiles[0].size;
 tempFilePaths = res.tempFilePaths[0]; 
 if (tempFiles > 3000000) {//大于3m
 wx.showToast({
 title: '图片大小大于3M',
 icon: 'none',
 duration: 2000
 });
 return;
 }
 wx.showLoading({
 title: '识别中'
 });
 this.uplaodF(tempFilePaths);
 setTimeout(function () {
 wx.hideLoading();
 }, 3000);
 }
 });
 },
 camera(){//相机响应函数
 let ctx = wx.createCameraContext();
 ctx.takePhoto({
 quality: "normal",
 success: (res) => {
 let tempFilePaths = res.tempImagePath;
 this.setData({
 camera: false
 });
 wx.showLoading({
 title: '识别中'
 });
 this.uplaodF(tempFilePaths);
 setTimeout(function () {
 wx.hideLoading();
 }, 3000);
 }
 });
 },

图片上传实现代码

 uplaodF(path){
 let result = false;
 let name = path.substring(path.lastIndexOf('/') + 1, path.lastIndexOf('.'));
 wx.cloud.uploadFile({
 cloudPath: name,
 filePath: path, // 文件路径
 }).then(res => {
 // get resource ID
 let id = res.fileID;
 //调用云函数识别图片
 wx.cloud.callFunction({
 name: 'tongyong',
 data: {
 fileID: id
 }
 }).then(res => {
 let result = res.result.words_result;
 if (result.length > 0) {
 let arr = '';
 for (let i = 0; i < result.length; i++) {
 arr += result[i].words
 }
 this.setData({
 words_result: arr
 })
 }else{
 this.setData({
 words_result: ''
 })
 }
 //删除图片
 wx.cloud.deleteFile({
 fileList: [id]
 }).then(res => {
 // handle success
 }).catch(error => {
 // handle error
 })
 }).catch(err => {
 console.log(err)
 });
 
 }).catch(error => {
 
 });
 },


Tags:小程序   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
支付宝拥有一系列城市便民服务功能,可以帮助我们在线查看各种信息,结婚状态也可以查询了,那么具体怎么操作?今天小编就为大家带来这篇教程,还不会的同学快来学习一下吧!支付宝怎么...【详细内容】
2021-12-24  Tags: 小程序  点击:(5)  评论:(0)  加入收藏
有不少同学学完Python后仍然很难将其灵活运用。我整理15个Python入门的小程序。在实践中应用Python会有事半功倍的效果。01 实现二元二次函数实现数学里的二元二次函数:f(x,...【详细内容】
2021-12-22  Tags: 小程序  点击:(32)  评论:(0)  加入收藏
微信小程序“无障碍急救平台”日前上线,解决听障人士120急救呼叫难题。听障人士在日常生活、工作中常有信息缺失、沟通不良的困难。如果自身或身边人突发急症,则需要依靠他人...【详细内容】
2021-12-15  Tags: 小程序  点击:(10)  评论:(0)  加入收藏
一、项目背景随着小程序在用户规模和商业化上取得的极大成功,各大平台都推出了自己的小程序。然而这些平台的小程序开发在语法上又不尽相同,不同平台小程序代码的维护需要投入...【详细内容】
2021-11-05  Tags: 小程序  点击:(65)  评论:(0)  加入收藏
现如今卖东西的渠道是越来越多,如今在微信小程序也能开店卖东西了,有的小伙伴想在小程序上卖东西但不知道该怎么做,下面就来讲讲微信小程序如何做店铺,利用微信小程序!但凡得到公...【详细内容】
2021-11-03  Tags: 小程序  点击:(32)  评论:(0)  加入收藏
作者:灰灰来源:JS每日一题 一、背景传统的web开发实现登陆功能,一般的做法是输入账号密码、或者输入手机号及短信验证码进行登录服务端校验用户信息通过之后,下发一个代表登录态...【详细内容】
2021-10-29  Tags: 小程序  点击:(43)  评论:(0)  加入收藏
一、微信服务号主要偏于服务交互(类似银行,114,提供服务查询),认证前后都是每个月可群发4条消息(不适用于个人)二、微信订阅号主要偏于为用户传达资讯(类似报纸杂志),认证前后都是每天...【详细内容】
2021-10-22  Tags: 小程序  点击:(82)  评论:(0)  加入收藏
总结列举微信小程序开放能力清单 硬件能力 蓝牙 NFC读写 连接WIFI设备 开放能力 ...【详细内容】
2021-09-27  Tags: 小程序  点击:(60)  评论:(0)  加入收藏
功能说明脱离公众号下的小程序,单独使用功能特点小程序:是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用...【详细内容】
2021-09-27  Tags: 小程序  点击:(46)  评论:(0)  加入收藏
随着人们生活水平的不断提高,如今智能电视的普及率已经非常高。然而大家在使用智能电视的时候经常会遇到“无法安装第三方应用”的情况。为了解决这个问题,今天我以市场占有率...【详细内容】
2021-09-15  Tags: 小程序  点击:(81)  评论:(0)  加入收藏
▌简易百科推荐
一、项目背景随着小程序在用户规模和商业化上取得的极大成功,各大平台都推出了自己的小程序。然而这些平台的小程序开发在语法上又不尽相同,不同平台小程序代码的维护需要投入...【详细内容】
2021-11-05  携程技术    Tags:小程序   点击:(65)  评论:(0)  加入收藏
作者:灰灰来源:JS每日一题 一、背景传统的web开发实现登陆功能,一般的做法是输入账号密码、或者输入手机号及短信验证码进行登录服务端校验用户信息通过之后,下发一个代表登录态...【详细内容】
2021-10-29  Nodejs开发    Tags:微信小程序   点击:(43)  评论:(0)  加入收藏
总结列举微信小程序开放能力清单 硬件能力 蓝牙 NFC读写 连接WIFI设备 开放能力 ...【详细内容】
2021-09-27  软件开发分享    Tags:微信小程序   点击:(60)  评论:(0)  加入收藏
核心商城(CoreShop)介绍核心小程序商城系统(CoreShop) 是基于 Asp.Net 5.0、Uni-App开发、支持可视化布局的小程序商城系统;前后端分离,支持分布式部署,跨平台运行;拥有分销、代理、...【详细内容】
2021-07-20  码农也有梦想    Tags:小程序商城   点击:(115)  评论:(0)  加入收藏
介绍Vue3发布已经有一段时间了,从目前来看,其生态还算可以,也已经有了各种组件库给予了支持,但是不管是Vue3还是Vue2都无法直接用来开发小程序,因此国内一些技术团队针对Vue开发...【详细内容】
2021-07-13  爱分享Coder    Tags:小程序   点击:(204)  评论:(0)  加入收藏
首先明确几个概念1. W3C:指万维网联盟(World Wide Web Consortium),是一个国际的标准的制定机构。2. H5(HTML5,HyperText Markup Language 5的缩写),HTML5 是由W3C制定的新HTML标...【详细内容】
2021-07-06  畅游零和一的海洋    Tags:微信小程序   点击:(153)  评论:(0)  加入收藏
在开发微信公众号时,需要不时请求URL和数据封装。为了不做重复的工作。提取公共部分进行封装。产生了相应的公众类。今天先来写下请求类,代码如下:public class HttpRequestP...【详细内容】
2021-06-16  java浮萍  今日头条  Tags:公共类   点击:(134)  评论:(0)  加入收藏
小程序上线后,改版了很多次,包括一些 Api 接口也有改动。如果你学习一个很久之前的小程序项目是没有意义的,本文推荐的小程序都是最近有更新的。相信在你学习、部署的过程中,不...【详细内容】
2021-06-08    程序猿久一  Tags:微信小程序   点击:(207)  评论:(0)  加入收藏
自从2019年微信公开课Pro在微信之夜演示《跳一跳》以来,微信小游戏已经不知不觉走过的三年,这三年中我们可以明显看到微信对小游戏的扶持,对于微信开发者来说,微信小游戏开发以...【详细内容】
2021-05-25  开课吧科科  今日头条  Tags:微信小游戏   点击:(212)  评论:(0)  加入收藏
学习编程从hello world开始。学习微信小程序开发首先要安装一个微信开发者工具,官网上免费下载童叟无欺,下载完傻瓜式安装即可。 双击微信开发者工具,然后选择小程序,然后点击...【详细内容】
2021-05-12  程序员fearlazy  fearlazy  Tags:微信小程序   点击:(268)  评论:(0)  加入收藏
最新更新
栏目热门
栏目头条