希望能在家裡或公司也能操控您的 ICDT WEB HMI 網頁圖控 ?除了向元米科技申請雲端橋接功能外,也可以透過免費的 ngrok 達到橋接功能,方法如下:
1. 至 https://dashboard.ngrok.com/ 申請帳號,並於信箱進行確認,注意,每個 E-mail 地址只能一次使用一個連接
2. 點擊 Download for Windows 下載並解壓縮獲取 ngrok.exe 程式並放入特定資料夾(以下以 C:\ICDT 資料夾為例)
3. 執行命令提示字元 程式 (左下角 搜尋 cmd) 輸入 『cd c:/icdt』 以跳到 ngrok.exe 放置路徑
4. 複製 https://dashboard.ngrok.com/get-started/setup 2. Connect your account 下 『ngrok config add-authtoken xxxxxxxxxx 』指令並在 命令提示字元 程式 貼上執行,以完成註冊(僅需要執行一次)
5. 在 命令提示字元 程式 輸入 『ngrok http 80』 指令以啟動 ngrok 服務 (如果 網頁伺服器為 8000 Port ,則輸入指令為 『ngrok http 8000』),您也可以在桌面新增一個 『c:/icdt/ngrok http 80』 捷徑以利執行,或設定開機自動執行指令 『c:/icdt/ngrok http 80』,執行 ngrok 服務會產生一個連結網址可以穿透內往直接您的圖控,但這個連結每次重新啟動 ngrok 服務時都會改變(網址範例 https://6f0b-2001-b011-3803-3bd2-25f6-48c3-83bd-250a.jp.ngrok.io/)
6. 至 https://dashboard.ngrok.com/api 按 Add API Key 以申請並複製 API Key 。必須注意需要的是 KEY 不是 ID,只有申請時可以複製(KEY 範例: 2BMt6wUANO3Wd60K8LvjcF3hYWu_7HZejqHySCvkjtG5VV4dd)
7. 於瀏覽器輸入 https://ngrok.hmi.tw/2BMt6wUANO3Wd60K8LvjcF3hYWu_7HZejqHySCvkjtG5VV4dd.html (2BMt6wUANO3Wd60K8LvjcF3hYWu_7HZejqHySCvkjtG5VV4dd 為範例,記得改為自己的 KEY ) 即可跳轉到你的網頁圖控了,您可以儲存這個連結,只要 API KEY 沒有被刪除,這個連結可以自動跳轉到您 ngrok 服務的網址。

補充說明
說明:
1. 元米科技 https://ngrok.hmi.tw List Endpoints API 查詢服務不會記錄您的 API KEY,同時不會以該 KEY 作其他用途
2. https://ngrok.hmi.tw/{API_KEY}.html 會包含您的 API KEY,因此建議僅供個人使用,不要提供給其他使用者,但可以提供 https://ngrok.hmi.tw/{API_KEY}.html 跳轉後的網址,這就不會包含 API KEY 了
3. 免費版的 ngrok 撥接後調轉連接的端點(網址)不會改變,但斷開重新撥接則可能會改變
4. 如果有 API KEY 流出的疑慮,您可以移除後新增 API KEY ,這樣並不會改變連接的端點(網址)
5. 免費版的 ngrok 同一個帳號只能一個設備連線,如果其他設備需要連線,可以以不同信箱申請(但不接受使用 https://mail.tm/ 等臨時信箱)

操作示範影片,記得打開字幕喔!!

https://www.youtube.com/watch?v=1876SxoD3Lw