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

百度雲開發註冊與配置

首先須要註冊百度帳號，並登陸百度雲，進入管理控制檯，建立文字識別應用，以下圖

建立完應用後，打開應用管理可見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 => {

    });
  },

已實現功能小程序