百度雲開發註冊與配置
首先需要註冊百度賬號，並登入百度雲，進入管理控制檯，建立文字識別應用，如下圖
建立完應用後，開啟應用管理可見APP_ID、API_KEY、SECRET_KEY，需要用在小程式端呼叫文字識別介面。
小程式服務端開發由於百度提供了node.js的api，而小程式服務端雲函式正是基於node的開發，在小程式開發工具雲函式目錄下開啟終端匯入文字識別api,命令：npm install baidu-aip-sdk，下載完成後，可在雲函式目錄看見node_modeules中'baidu-aip-sdk' api。
在雲函式目錄下新建conf.js用來存放APP_ID、API_KEY、SECRET_KEY。
然後吊用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 => {
});
},