App Inventor學習記錄180-搭配外掛做簡單郵件OTP確認碼效果

一個開啟低安全性應用程式存取權的 gmail帳號,加上這次的介紹的外掛,我們就可以做出一個簡單郵件 OTP確認碼的效果。做出來的時候,我真的有嚇一跳。

記錄一下:
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頁哦!

發佈留言