微信小程序开发：从小白开发出通过自拍预测年龄和颜值的小程序

先看下效果（作者：快简）：

        

1、打开微信小程序官方文档

https://developers.weixin.qq.com/miniprogram/dev/index.html

我们会看到让我们申请账号，这里先不着急申请，因为我们每个人都可以用测试号。

向下滑动看到，开发者工具的下载链接，点击下载并且安装

2、安装后打开，并点击小程序项目

3.进入后看到此页面，点击+，新建一个

4.选择新建项目的目录和测试号的AppID,我这里遮盖一下AppID

 

如果AppID出不来怎么办？没关系。操作以下三步就可以：

扫码后就看到以下内容了，AppID就在这里。

5.点击“确定“按钮，就可以开始第一个小程序了。请将左侧红框里的内容阅读完毕

6.那开始做项目了，右侧代码区添加到第一行，默认才会访问test，此时会自动出现test目录。

7.我们先把摄像头打开代码找到

复制到代码区记得保存

8.摄像头效果出来了，工具中的模拟器可以看到效果，还能“预览”-用手机扫二维码。

9.接下来我们将把拍照生成的图片发给百度人工只能api，百度会把图像识别后的结果（颜值，年龄等）返回给我们。

10.因为有个格式要求我们先准备图片相应的格式，打开API,文件操作，进行格式处理

通过手册以上信息，可以得出结果wx.getFileSystemManager().readFile({    })这样来用

，另外有3个重要参数filePath，encoding，success。

代码结果如下，点击拍照按钮，出现base64格式的结果：

11.格式处理完毕后，开始向百度发起请求了，先看文档，第三步滑到底就看到示例代码了

修改.js文件如下

 

12.此时开始需要百度了 https://console.bce.baidu.com/#/index/overview ，我们申请百度人工智能api，先注册然后进入人脸识别

点击创建应用

13.但是要想访问还得经过微信的同意,打开 https://developers.weixin.qq.com/sandbox。添加百度为合法地址，要不微信闹脾气，不让你访问百度。

此时重启下微信开发工具才行，否则开发工具还是会说地址不合法

14.开始访问百度了先看文档 http://ai.baidu.com/docs#/Auth/top 来获取access_token，打开文档如下：

根据文档代码修改如下，已经获得了access_token：

 

15.打开 https://ai.baidu.com/docs#/Face-Detect-V3/top ，文档接口v3版本，最好别用v2了，我们开始用刚获得的access_token,来把图片发给百度，要不百度闹脾气不接收。

文档中写明了url和data具体参数了，这里多了个POST请求而已

修改.js文件：

修改.wxml文件

16、手机微信测试效果如下：

 

Ps:这里是开的后摄像头，前摄像头只需要将back改为front