Vibe Coding教學|多人共享串流驗證超麻煩?這樣做自動收信「碼」上到手
08

Vibe Coding教學|多人共享串流驗證超麻煩?這樣做自動收信「碼」上到手

多人共享同個串流帳號,常因一次性驗證碼卡關,此時Vibe Coding又可以派上用場了。

顧能(Gartner)預測,到2028年,企業生產環境中的軟體將有40%是使用Vibe Coding(氛圍開發)技術與工具所建立。由此可預見在未來職場,運用AI寫程式將是如同操作Excel一樣的基本技能。

如果多人共享同個串流帳號,即使已知帳號、密碼,仍會被要求輸入帳號信箱內的一次性驗證碼。這時要找主揪收信好麻煩,不如做一個自動顯示驗證碼的網頁應用程式吧!

步驟1〉首先請ChatGPT拆解任務。

我想寫一個網頁應用程式,用Apps Script,可從我的Gmail讀出Disney+的驗證碼,你能先拆解成更小的任務嗎?

「網頁應用程式」「Apps Script」 是2個很強大的關鍵字。前者是因為程式相當多種,我們限制在AI擅長的網頁類型,後者是讓程式運行的地方有非常多,我們選新手最容易上手的平台。

點我看與ChatGPT協作完整對話

請ChatGPT拆解任務
圖/ 劉依語提供

步驟2〉在Google Apps Script執行程式碼。

好,我們從第一步開始,你給我程式碼,我給你結果。

在Google Apps Script執行程式碼
圖/ 劉依語提供

依AI指示或下面步驟建立Google Apps Script:

・「Google雲端硬碟」>「新增」>「更多」>「Google Apps Script」
・開啟的介面中有一段預設的程式碼,請全選並刪除程式碼
・回到ChatGPT,找程式碼區塊右上角的「複製」鈕並點擊
・回到Google Apps Script的程式碼區域,按右鍵選「貼上」後點擊「儲存」
・看上方工具列,確認選擇的為欲執行之函式(此例為「readDisneyPlusVerificatio nEmail」),點擊「執行」
・第一次執行需要進行權限審查,請依步驟進行
・出現紅底驚嘆號時,點選「進階」,再點選「前往『未命名的專案』」
・圈選「執行紀錄」下的所有內容,複製後貼給ChatGPT

ChatGPT會陸續提出要求,一一回覆它。

・ChatGPT:請將看到的「主旨」和「內容」結果貼給我(貼給它)
・ChatGPT:最近一次Disney+驗證碼email的「主旨」和「寄件者信箱」(貼給它)
・直到ChatGPT提出:準備製作Web App(從瀏覽器看到驗證碼)

TIPS: 請勿依此步驟執行來路不明的程式,若資安要求較高,可開設新帳號嘗試!

步驟3〉依照ChatGPT要求一步步操作。

依照ChatGPT要求一步步操作
圖/ 陳君毅提供

TIPS: 此階段如果有看不懂的地方,直接問ChatGPT,附擷圖詢問效果更佳。

步驟4〉取得完成網頁的連結。

當AI給了你網頁應用程式的程式碼,依照AI指示或下述步驟操作:

・「部署」>「新增部署作業」

在Google Apps Script執行程式碼
圖/ 劉依語提供

・點擊左上方「選取類型」旁的齒輪圖示,選擇「網頁應用程式」

在Google Apps Script執行程式碼
圖/ 劉依語提供

・將「誰可以存取」欄位改為「所有人」

在Google Apps Script執行程式碼
圖/ 劉依語提供

・點擊右下方的藍色「部署」

在Google Apps Script執行程式碼
圖/ 劉依語提供

・點擊「網頁應用程式」欄位下的超連結

在Google Apps Script執行程式碼
圖/ 劉依語提供
目前的驗證碼
圖/ 劉依語提供

步驟5〉請ChatGPT潤飾網頁外觀。

我想要它美一點。

按照需求修改程式碼。可依下方步驟操作:
・「部署」>「管理部署作業」
・點擊右上方的鉛筆圖示,將「版本」欄位改選「建立新版本」
・點擊右下方的藍色「部署」
・點擊「網頁應用程式」欄位下的超連結,或重新整理

請ChatGPT潤飾網頁外觀
圖/ 劉依語提供

TIPS: 測試前先按存檔,再到「部署」>「測試部署作業」,點擊「網頁應用程式」欄位下的超連結(測試版有獨立連結)。

《數位時代 Live》Vivi直播分享Vibe Coding實戰,再免費分享簡報檔10/15(三)Youtube直播,立即報名>>

本文不開放轉載

責任編輯:謝宗穎

登入數位時代會員

開啟專屬自己的主題內容,

每日推播重點文章

閱讀會員專屬文章

請先登入數位時代會員

看更多獨享內容

請先登入數位時代會員

開啟收藏文章功能,

請先登入數位時代會員

開啟訂閱文章分類功能,

請先登入數位時代會員

我還不是會員, 註冊去!
追蹤我們
一次搞懂Vibe Coding
© 2025 Business Next Media Corp. All Rights Reserved. 本網站內容未經允許,不得轉載。
106 台北市大安區光復南路102號9樓