進入第 2 層的進階功能,我的第一個挑戰就是「自動寄信提醒」。構想很單純,我希望這個任務追蹤小網站,不只是能在網頁上記錄任務,還能主動寄一封 Email 給自己,來提醒今天有哪些事情要完成。對我來說,這就像讓網站多了一個「小秘書」,不再只是被動地等待我打開,而是能主動推播訊息。
今天主要的進度是完成 EmailJS 註冊與初始化設定。我先在 EmailJS 官網建立了帳號,接著進入控制台新增服務(Service),這相當於幫網站接上了一條「寄信通道」。完成後,系統給了我一組 Service ID。接著我又新增了一個郵件範本(Template),定義信件要包含哪些變數,例如收件人名字、主旨、訊息內容與任務清單。範本建立後,系統給了我另一組 Template ID。這兩組 ID 就像是「開鎖的鑰匙」,未來在程式碼裡只要填入它們,就能讓網站呼叫 EmailJS 服務,把郵件真正寄出去。
雖然今天的進度看似不多,只有註冊帳號與領到兩組 ID,但這一步其實非常關鍵。因為沒有這些鑰匙,後面的程式就算寫好了,也沒有辦法通過 EmailJS 的驗證,更別說把信寄到收件匣了。可以把今天的工作比喻成「先去電信公司辦門號」,雖然還沒開始打電話,但沒有門號就完全無法通話。
明天的目標,則會是把這些 ID 和金鑰放進專案的 .env 環境變數檔裡,並測試能否順利呼叫 EmailJS API。那時候,就有機會寄出我的第一封「網站自動提醒信」了!