###### tags: `FM611A` `Azure`
# 使用 FlagsBlock 搭配微軟臉部辨識
要使用微軟臉部辨識服務, 學校或教育單位擁有 .edu.tw 地址電子郵件的學生與老師請先依照《[微軟 Azure 學生帳號 Face API 服務申請 (需要學校單位配發的 email 認證)](/5wKuia3-RiqSOarg5Bve_w)》一文完成註冊流程；一般人請依照《[微軟 Azure Face API 服務申請 (需信用卡認證身份)](/8Bm3ywUgTa2PZC-glpaXJQ)》一文完成註冊流程, 並建立臉部辨識的資源, 取得該資源的金鑰與端點資訊。
:::info
由於微軟已經取消原本手冊上說明的**七天免費帳戶**, 請務必依照上述教學註冊申請 12 個月免費帳戶, 一般人註冊雖然**需要信用卡**, 但不會扣款, 只是用來認證身份。
:::
# 修改範例網頁檔
1. 首先使用你偏好的文字編輯器 (如手冊上說明的記事本或是 Visual Studio Code 等) 開啟 ***FlagsBlock 安裝路徑下 www 資料夾下的 AIxLINE_Lab07_new.h** 範例網頁檔案：
```cpp=
//----------------------這裡是主頁面--------------------
static const char mainPage[] PROGMEM = u8R"(
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>AI 刷臉智慧門鎖</title>
<script>
var apiLocation = "XXXXXXXXXX"; //刪除 X, 在引號中間輸入端點
var apiKey = "XXXXXXXXXXXXXXX"; //刪除 X, 在引號中間輸入金鑰
</script>
```
其中第 11 行請把 XXXX 那一串改成你剛剛取得的端點資訊；第 12 行請把 XXXX 那一串改成你剛剛取得的金鑰, 兩個金鑰任選一個都可以。
:::info
請特別留意, 手冊上說明的 AIxLINE_Lab07.h 範例網頁檔無法搭配現在新申請的臉部辨識服務帳戶使用, 請改用 AIxLINE_Lab07_new.h 範例網頁檔。如果你要做人臉情緒辨識, 就改用 AIxLINE_Lab08_new.h 範例網頁檔。
:::
:::info
如果您在 www 資料夾下找不到上面提到的 AIxLINE_Lab07_new.h 或是 AIxLINE_Lab08_new.h 檔案, 表示您的 FlagsBlock 版本太舊, 請重新至[Flag's Block 下載與安裝說明](/rwsFe2lURqyuIa_jW5kw4g)網頁, 依據您的作業系統下載對應的版本即可。
:::
1. 修改完後請記得重新上傳網頁, 並選用剛剛改好的網頁範例檔：
1. 開啟範例程式檔：
1. 記得修改要連接的無線網路及密碼後上傳程式, 即可使用手機測試臉部辨識功能：
Sign in with Wallet
Connect another wallet