[轉]微信小程序開發:從小白開發出經過自拍預測年齡和顏值的小程序

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

相關文章
相關標籤/搜索