記錄一下:
App Inventor學習記錄180-搭配外掛做簡單郵件OTP確認碼效果
這次範例的完成品如下。GIF檔有點大,可能得等會。
我收信的信箱中,本來是沒有任何信件的。我們開啟程式點擊按鈕之後,系統就會寄一封郵件到我們的信箱,信箱裡頭會有一 個隨機產生的六個數字,複製這六個數字貼到我們的程式中。再點擊確認按鈕,就會出現成功或失敗的訊息。
畫面編排的部份如下。
全部的程式碼如下。
第 1部份的程式方塊記錄。
變數_六位數字,預設值是 0。
第 2部份的程式方塊記錄。
按鈕按下之後,我們先用 random interger from的方塊,把變數_六個數字設定成 100000~999999中的隨機一個數字。
然後 call smtp client.sent外掛寄信程式。
protocal參數,填寫 SSL。
server參數,填寫 smtp.gmail.com
port參數,填寫 465。
user參數,填寫 gmail信箱的帳號。
password參數,填寫 gmail信箱的密碼。
from參數,填寫寄件人的顯示名稱。
recipients參數,填寫收件人的信箱,如果要一次寄給多人的話,就用 make a list方塊,把多個收件人信箱加到同一個清單中。
cc recipients參數和 bcc recipients參數,這個應該是副本跟密件副本,但我沒有用過,這裡填入 create empty list。
subject參數,郵件的標題。
body參數:郵件的內容。這裡用文字方塊的組盒,把我們的變數_六位數字送出。
it html參數,填 false。
attatchments參數,應該是附件,我也還沒有用過。
這些參數的設定方法在外掛下載的頁面中都有說明,這裡就是照著做。
然後把 bottom 2按鈕 2和 textbox 1文字輸入盒 1顯示出來。
第 3部份的程式方塊記錄。
按鈕2按下的時候,如果 textbox 1文字輸入盒的文字不是空白的話,那麼就檢查文字輸入盒 1的文字是不是等於變數_六位數字,是的話就把標籤 1的文字顯示成驗証成功,不是的話就顯示驗証碼錯誤。
程式的部份到這裡就完成了,但我們還沒有介紹到設定 gmail的低安全應用程式存取權,所以這個外掛還不會發生做用。
還想要繼續往下看,或是不想要重新拉程式方塊,或要需要範例 aia檔的話,請前往第 2頁哦!