微信小程序利用百度api达成植物识别

看完本文你可学会：

• 如何使用百度智能云
• 如何在微信小程序中去接入百度api，达成植物识别的效果

如何使用百度智能云？

官网：https://cloud.baidu.com

进入官网，在用户中心下选择图像识别

完后就可以点创建应用

新用户可以跳转到领取免费资源页面去领取白给的使用次数

填写应用名字什么的就不说了，创建完应用后，我们可以得到如下两个我们需要的东西：

• API Key
• Secret Key

第一次使用前也可以去看看文档跟教学视频的

根据API Key与Secret Key获取token

进入到文档中我们发现，我们需要通过上述两个key来获取token，进而完成后续的操作，所以我们先来获取一下token

贴一张如何获取token的文档

根据文档，我们只需要携带这几个参数请求这个接口就好

// 获取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)
      }
    })
  },

利用api进行植物识别

这里要注意一下图像

其他的按照文档写就可以，没什么特殊的地方

//获取识别结果
  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);
     },
   })
  },

写在最后

我是Ned，一个前端学习者，希望可以同大家一起学习进步，一起加油~

欢迎大家关注我的公众号：前端成长日记