測試應用程式並進行偵錯

建議您按照先前所述步驟建構本地訂單履行應用程式,然後按照下列步驟在自有代管環境中測試智慧型家居整合功能:

  1. 在您自己的代管環境中,提供執行本機訂單執行服務應用程式的 HTML 頁面。以下程式碼片段顯示執行本機訂單執行服務應用程式的靜態 HTML 檔案範例。

    <html>
      <head>
        <!-- Local Home SDK -->
        <script src="//www.gstatic.com/eureka/smarthome/smarthome_sdk.js"></script>
        <!-- Local app under development -->
        <script src="local_execution.js"></script>
      </head>
    
    </html>
    
    
  2. 測試裝置控制

  3. 透過 Chrome 進行偵錯。使用中斷點和記錄檔來排解整合問題。

  4. 修改並編譯 TypeScript 程式碼,然後重複執行這些步驟。

重複執行這個建構及測試程序,您就能快速查看變更的實際效果,協助您對程式碼進行偵錯。

測試裝置控制

Google Home Developer Console 中,您需要指定網頁應用程式的網址,以便在本地執行時,在 Google Home 或 Google Nest 裝置上載入 HTML。

如要透過本機執行要求測試裝置控制功能,請按照下列步驟操作:

Chrome

  1. Google Home Developer Console 的雲端對雲端整合作業「設定與配置」頁面中,捲動至「本地執行」,然後開啟該設定。
  2. 在「Testing URLs」 >「Testing URL for Chrome」下方,指定提供本機執行應用程式的 HTML 的開發伺服器網址。
  3. 按一下 [儲存]。Google 最多可能需要 30 分鐘才能將控制台變更內容全面生效。
  4. 重新啟動測試用的 Google Home 或 Google Nest 裝置。
  5. 向智慧型裝置下達指令。舉例來說,如果裝置實作 OnOff 特徵,您可以說「Ok Google,開燈」。

Node.js

  1. Google Home Developer Console 的「設定與配置」頁面中,捲動至「本地訂單履行」,然後將設定切換為開啟。
  2. 在「Testing URLs」 >「Testing URL for Node」下方,指定提供執行本機提交應用程式的 JavaScript 的開發伺服器網址。
  3. 按一下 [儲存]。Google 最多可能需要 30 分鐘才能將控制台變更內容全面生效。
  4. 重新啟動測試用的 Google Home 或 Google Nest 裝置。
  5. 向智慧型裝置下達指令。舉例來說,如果裝置實作 OnOff 特徵,您可以說「Ok Google,開燈」。

如要進一步瞭解裝置使用的執行階段,請參閱「支援的裝置」。

指令,將裝置重設為正常運作狀態。

透過 Chrome 偵錯

您可以使用 Chrome 開發人員工具對本機執行服務應用程式進行偵錯。在進行偵錯前,請先確認環境設定正確無誤:

如要將本機執行要求應用程式連結至 Chrome 開發人員工具偵錯工具,請按照下列步驟操作:

Chrome

  1. 在本機開發機器上安裝並啟動 Google Chrome 瀏覽器
  2. 在 Chrome 瀏覽器的網址欄中輸入 chrome://inspect#devices,即可啟動 Chrome 檢查器。您應該會在頁面上看到裝置清單,且 HTML 檔案會列在測試 Google Home 或 Google Nest 裝置的名稱下方。
  3. 按一下 HTML 下方的藍色「檢查」連結,啟動 Chrome 開發人員工具。 切換至「Console」分頁。 Local Home 平台會在主控台記錄檔中輸出應用程式版本和 Local Home SDK 版本。如果您看到這項記錄,表示 Google 已成功載入您的應用程式,並且可以連線至該應用程式。如果沒有,請重新啟動 Google Home 或 Google Nest 裝置。
  4. 圖 1:chrome://inspect 中的本機執行應用程式。

Node.js

  1. 在本機開發機器上安裝並啟動 Google Chrome 瀏覽器
  2. 判斷測試裝置的本機 IP 位址。
  3. 在 Chrome 瀏覽器的網址欄中輸入 chrome://inspect#devices,啟動 Chrome 檢查器。
  4. 選取「設定...」,開啟「目標探索設定」
  5. 圖 2:chrome://inspect 中的目標探索設定。
  6. 在清單中輸入 DEVICE_IP_ADDRESS:9222,然後按一下「完成」
  7. 按一下指令碼下方的藍色檢查連結,啟動 Chrome 開發人員工具。 切換至「Console」分頁。 Local Home 平台會在主控台記錄檔中輸出應用程式版本和 Local Home SDK 版本。如果您看到這項記錄,表示 Google 已成功載入您的應用程式,並且可以連線至該應用程式。如果沒有,請重新啟動 Google Home 或 Google Nest 裝置。

如要進一步瞭解裝置使用的執行階段,請參閱「支援的裝置」。

偵錯提示

在偵錯期間,請注意下列事項:

  • 請勿將多部 Google Home 或 Google Nest 裝置連結至位於相同本機網路的測試帳戶。你無法透過本機執行指令控制指定哪部 Google Home 或 Google Nest 裝置。
  • 在 Chrome 開發人員工具中重新整理頁面,即可重新載入本機執行應用程式容器,並使用開發網址中的最新程式碼。這不會重設 Local Home 平台,你可能需要在當地服務應用程式中重新觸發平台意圖 (例如 IDENTIFY),才能重設 Local Home 平台。如要重設 Local Home 平台,請重新啟動 Google Home 或 Google Nest 裝置。
  • 確認 JavaScript 應用程式載入時沒有錯誤。如要這麼做,請查看開發人員工具頁面的主控台部分。如果發生問題,您會看到類似以下的訊息:「Uncaught TypeError: Cannot read property 'open' of null.'」
  • IDENTIFY 回應中的 verificationId 必須與 SYNC 回應中的其中一個 otherDeviceIds 相符。
  • 針對 EXECUTE 處理程序,請確認裝置可以接收 HTTP、TCP 或 UDP 指令,且運作正常。
  • 請務必從處理常規傳回 Promise
  • 避免在記憶體中維護全域狀態。請參閱「應用程式生命週期」。
  • 當地訂單執行應用程式擲回的錯誤會顯示在專案的錯誤記錄中。

準備並發布至正式版

準備好推出智慧住宅動作後,請按照下列步驟操作:

  1. 開啟終端機。在專案目錄中執行 npm run build 指令。這個指令會在 dist 目錄下為應用程式產生下列 JavaScript 套件:
    project-directory/
    └── dist
     ├── web
     │    └── bundle.js
     └── node
          └── bundle.js
    
  2. Google Home Developer Console 的「設定與配置」頁面中,捲動至「本地訂單履行」,然後開啟該設定。
  3. 使用「Upload JavaScript」按鈕,上傳先前產生的套件檔案。
    圖 3:上傳 JavaScript 應用程式。
    請務必上傳兩個版本的套件檔案 (Node、Web),以便設定 Action 在所有本機執行環境 (local fulfillment) 中正常運作。
    1. 上傳以 Node.js 為目標的 JavaScript:上傳 dist/node 目錄中的 bundle.js 檔案。
    2. 上傳指定 Chrome (瀏覽器) 的 JavaScript:從 dist/web 目錄上傳 bundle.js 檔案。
  4. 在支援 Google 助理的裝置上測試動作,確認動作在實際工作環境中能正常運作。詳情請參閱「測試並分享智慧住宅動作」。
  5. 當您對動作的運作方式感到滿意時,請按照「發布智慧型住宅動作」一文的操作說明,將動作提交給 Google 進行正式部署。包括完成自我測試和認證申請步驟。