[转]微信小程序开发:从小白开发出经过自拍预测年龄和颜值的小程序

先看下效果:html

        

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

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

咱们会看到让咱们申请帐号,这里先不着急申请,由于咱们每一个人均可以用测试号。

向下滑动看到,开发者工具的下载连接,点击下载而且安装小程序

二、安装后打开,并点击小程序项目微信小程序

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

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文件

1六、手机微信测试效果以下:

 

Ps:这里是开的后摄像头,前摄像头只须要将back改成front

 

 

 

原文:https://blog.csdn.net/Zph1234/article/details/84072488

相关文章
相关标签/搜索