Wechat applet uses Baidu API to achieve plant recognition

After reading this article, you can learn ：

• How to use Baidu AI Cloud

• How to access Baidu in wechat applet api, Achieve the effect of plant recognition

How to use Baidu AI Cloud ？

Official website ：

https://cloud.baidu.com

Enter official website , Select image recognition under user center

After that, you can click Create Application

New users can jump to the page of getting free resources to get the number of free uses

Fill in the application name and don't say , After creating the app , We can get the following two things we need ：

• API Key

• Secret Key

You can also check the documents and teaching videos before using them for the first time

according to API Key And Secret Key obtain token

Entering the document, we found , We need to pass the above two key To get token, And then complete the subsequent operations , So let's get it first token

How to get a post token Documents

According to the document , We only need to request this interface with these parameters

//  obtain token
getToken(){
 wx.request({
 url: `https://aip.baidubce.com/oauth/2.0/token?grant_type=client_credentials&client_id=${this.data.apiKey}&client_secret=${this.data.secretKey}`,
 success:(res)=>{
 const token = res.data.access_token
 this.getResult(token)
 }
 })
 },


utilize api Perform plant identification

Here we need to pay attention to the image

Others can be written according to the document , Nothing special

// Get recognition results
 getResult(token){
 wx.request({
 url: 'https://aip.baidubce.com/rest/2.0/image-classify/v1/plant?access_token=' + token,
 method:'POST',
 data:{
 image:this.data.base64Img
 },
 header:{
 'Content-Type':'application/x-www-form-urlencoded'
 },
 success:(res)=>{
 console.log(res);
 },
 })
 },


At the end

I am a

Ned

, A front-end learner , I hope I can learn and make progress with you , Come on together ~

Welcome to my official account ：

Front end growth diary