云开发：让你拥有自己的第一个AI人脸识别小程序

博主绪论

微信小程序云开发可以免费调用云开发控制台的云存储，云函数，云计算，当然只是一定程度上可以免费调用。不过这也比较有意思，逼格也高，而且云开发可以让我们轻易的在小程序当中和用户进行交互，接下来让我们紧跟时代潮流，利用图灵完备打造出鼠于我们的一个AI人脸识别神器吧。

准备过程

在此之前，我们需要安装几个东西。

GIT的安装

进入GIT官网,点击这,根据自己的电脑系统版本下载，下载完成以后，打开命令行(cmd)，输入命令git，如果成功显示出一大段我们看不懂的字符，那就对了。

NodeJS和npm的安装

进入NodeJS官网下载，点击，下载对应版本即可，下载完成以后，在自己的cmd上面输入node -v和npm -v即可，如果显示出版本，就证明安装成功了。

腾讯云人脸识别API

首先注册一个自己的腾讯云账号，点击进入官网，点击注册，注册完账号以后，还得实名认证才能够正常使用，这个过程很快的。
之后我们还得调用腾讯云的人脸识别API接口，我们就得先开通这个服务，点击产品->人工智能->人脸识别->立即使用即可。之后如果我们向调用腾讯云API的话，我们还得去控制台->访问管理创建API密匙，之后会出现APPID,SecretID，SecretKey,之后我们调用API需要使用。

正式开始

创建云开发小程序

创建的时候勾选小程序-云开发即可：

之后小程序会自动生成一个模板，我们看它不爽就全删了，自己重新创建。把所有文件删掉(处理project.config.json)，重新打开开发工具，然后新建两个目录，一个事服务器(命名为server)，一个是客户端(命名为client)，建立完目录以后，再到配置文件project.config.json里面改动一下：就改动这两行

{
	"miniprogramRoot": "client/",           //客户端
	"cloudfunctionRoot": "server/",       //服务器
	"setting": {
		"urlCheck": true,

改动完以后，保存，然后重新打开开发工具，我们可以看见服务器目录出现了一个云图标：

这个时候我们的环境就准备好了。但是或许有点人会出现环境未知，不要怕，博主也是，你就点击：

点击里面的云开发选项就可以看到提示，教你创建环境。

开发前的思考准备，思维决定行动

功能设想：

• 客户端选择或者拍照图片进行上传，然后在小程序当中调用云存储函数上传到我们个人的云存储当中，并且云存储会返回一个文件ID到客户端。

• 客户端获取文件ID，调用云函数，云函数就会读取这个文件ID，在云存储当中找到这个文件图片的位置，并且进行读取，获得其真实的URL地址

• 将获取到的URL发送到腾讯云的人脸识别API，之后人脸识别API会返回图片的相关信息

• 我们将这些信息一一进行处理，然后发给客户端，并且进行显示。

• 优化显示界面

服务器开发(写一个云函数端)

首先，我们右键选择server文件夹，然后选择建立NodeJS云函数，命名为FaceDetect(名字随意，只要容易辨认就好)，建立完成以后，目录下面会自动生成index.js和package.json文件，其中index.js文件里面有官方给出的模板,我们把多余的代码删掉

// 云函数入口文件
const cloud = require('wx-server-sdk')
cloud.init()
// 云函数入口函数
exports.main = async (event, context) => {

}

分析

这个我们暂时先放下，我们先去腾讯云，找到人脸识别的开发文档，点击这里
之后选择人脸检测与分析相关接口，即DetectFace。
在这个文档我们可以看到很多详细的信息，比如说面部属性和人脸质量信息的识别。当然这个部署最重要的，最重要的是我们该怎么用，用哪些。

• 首先我们看到输入参数：
  里面的Action(接口名称)和Verxion(版本)是必填的，而我们需要识别的图片是云存储上传的图片，因此需要URL参数，而且我们获取的是人脸的属性信息，因此我们还需要参数NeedFaceAttributes.

• 再看到输出参数，里面有：

• 

图片的宽高，人脸信息列表(最重要的)，因此我们点击FaceInfo
里面有：

其中我们会用到FaceAttributesInfo即人脸属性信息，然后点击FaceAttributesInfo查看详细信息，发现里面有很多人脸信息输出，比如说头发信息，咦，头发信息还有一个文档可以点击，有什么呢，我们看看：FaceHairAttributesInfo
里面有头发的颜色，程度，刘海，信息看来十分具体。
以上是人脸识别API的参数分析，我们了解参数分析以后，后面的执行步骤才不会那么的懵逼。

调用人脸识别API

进入这一页,我们可以看到相关的SDK，SDK用起来有些许麻烦，我们可以常常新鲜东西，API Explorer,即SDK版本的GUI界面，调用API十分方便：