---
# System prepended metadata

title: 使用 FlagsBlock 搭配微軟臉部辨識
tags: [Azure, FM611A]

---

###### 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. 修改完後請記得重新上傳網頁, 並選用剛剛改好的網頁範例檔：

    ![](https://i.imgur.com/0I59Z4k.png)

    ![](https://i.imgur.com/l6XP4Pq.png)

1. 開啟範例程式檔： 

    ![](https://i.imgur.com/09QIrYR.png)

1. 記得修改要連接的無線網路及密碼後上傳程式, 即可使用手機測試臉部辨識功能：

    ![](https://i.imgur.com/iQkrLbP.png)

