先看下效果: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