iT邦幫忙

2025 iThome 鐵人賽

DAY 11
0
Vue.js

完成_個人健康習慣追蹤相關功能網站系列 第 11

自動寄信提醒(EmailJS)— 註冊與初始設定

  • 分享至 

  • xImage
  •  

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


上一篇
第一次的網站風格外觀設計
下一篇
自動寄信提醒(EmailJS)_第一封網站寄來的信
系列文
完成_個人健康習慣追蹤相關功能網站12
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言