1. 程式人生 > >微信小程式開發:從小白開發出通過自拍預測年齡和顏值的小程式

微信小程式開發:從小白開發出通過自拍預測年齡和顏值的小程式

先看下效果(作者:快簡):

        

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檔案如下

點選建立應用

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