一、注冊塊內容制作
首先打開在線編輯器進入我們的項目:https://editor.ivx.cn/
上一節已經知道了如何制作登錄塊內容,但是咱們先做還沒有注冊,所以就測試不了登錄塊功能,現在咱們同樣的,在注冊塊中添加一個變量和一個觸發器,這一步是跟登錄塊獲取驗證碼是一樣的,只需要創建一個變量和一個觸發器即可進行倒計時操作:
記住,一定要給注冊倒計時變量一個初始值,接下來咱們快速略過一下這些步驟,由于步驟類似,就不做過多的仔細講解。
接著驗證碼文本點擊后對觸發器進行觸發,并且每次減一,需要給與條件,倒計時變量大于 0 就減,否則就重置為最開始的樣子:
此時還需要注意的是,你還需要在外部觸發按鈕時增加條件,否則將會一直調用短信服務:
此時以上邏輯有一個動作是錯誤的:
一定要改為正確的響應:
二、注冊功能實現
完成倒計時后咱們開始完成注冊功能的實現。注冊用戶操作也是集成在了用戶組件之中,咱們直接給與注冊按鈕一個事件,點擊后,直接選擇私有用戶,隨后選擇用戶手機注冊選項:
接著將會出現參數填寫:
對應的講內容填寫進入即可,若沒有的選項可以不用填寫:
三、判斷用戶是否注冊成功
那如何判斷用戶是否注冊成功呢?此時咱們需要增加回調,可以理解回調為“一個動作在做一件事后,將會返回的內容”,在 iVX 中的回調,自帶了當前動作執行的效果,是否成功,首先點擊一個動作,再點擊回調即可添加:
隨后在回調中添加條件,咱們點擊條件中的輸入框將會彈出返回值信息,選擇是否成功,若是那么則表示注冊成功:
若為否咱們彈出注冊失敗原因:
四、以上注冊將會出現的bug
以上注冊咱們有一個很大的bug將會導致注冊失敗,咱們可以看一下注冊內容,咱們選擇的手機號碼為當前輸入框的號碼,若我發送短信的號碼跟我現在注冊時填寫的號碼不一致時,將會出現注冊失敗,此時需要咱們自己增加條件對其進行判斷,否則將會出現注冊失敗的后果。
此時可以使用一個變量,用來記錄以發送驗證碼的號碼,首先創建一個變量記錄已發送的驗證碼信息:
隨后在獲取驗證碼文本的事件中為已發送驗證碼手機號變量進行賦值:
接著在注冊按鈕處添加條件,判斷當前輸入的手機號是否與已發送驗證碼的手機號內容相等,否則將會彈出提示:
接著測試賬號注冊,注冊成功后咱們把剩下的登錄功能完成:
五、登錄功能完成
登錄的功能和注冊的功能實現類似,只需要調用用戶組件即可,隨后選擇發起手機驗證碼登錄:
接著填寫手機號與驗證碼信息:
接著添加一個回調判斷是否登錄成功即可: