Node.js開發小程序,調用百度文字識別接口實現圖文識別

百度雲開發註冊與配置

首先需要註冊百度賬號,並登錄百度雲,進入管理控制檯,創建文字識別應用,如下圖

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 => {


});

},


分享到:


相關文章: