App Inventor中的Web瀏覽框組件相當于一個瀏覽器，相對于標準的瀏覽器來說，雖然它的功能不夠完整，但這一組件提供了一個交換字串(webViewString)屬性，可以實現app與javaScript之間的數據交換，這在很大程度上拓展了App Inventor的開發能力。

有些應用都涉及到用戶身份的識別，需要設置用戶注冊、登錄環節，為了確保用戶信息的安全，用戶的密碼要避免在網絡上明文傳輸，這就需要用到加密算法，如MD5加密。App Inventor沒有提供這樣的加密功能，但我們可以借助于外來的現成的JavaScript程序實現這一目標，具體方法簡介如下。

一、獲取并修改MD5的javaScript源碼

網上隨處可以找到MD5的JavaScript源碼，我的代碼來自于一位程序員的博客，網址為：http://blog.csdn.net/ibey0nd/article/details/31032653，將頁面中的源碼復制粘貼到文本編輯器中(我使用sublime)，并添加如下代碼：

var source = window.AppInventor.getWebViewString();

window.onload =? () => {

vartarget = hex_md5(source);

window.AppInventor.setWebViewString(target);

}

結果如圖1所示。

圖1 改造MD5的JavaScript源碼

將上述文件編輯完成之后，保存為md5.html。

二、創建項目添加組件

創建一個項目，命名為MD5，添加組件，如圖2所示，組件的命名及屬性設置如表1所示。

圖2? 在項目中添加組件并設置屬性

表1：組件的命名及屬性設置

將第1步中編輯好的JavaScript文件(md5.html)上傳到項目中，注意，此時如果用手機上AI伴侶進行測試，則手機sd卡的AppInventor/assets文件夾下將出現md5.html文件。

三、編寫程序

將開發環境切換到編程視圖，編寫代碼如圖3所示。

圖3 實現MD5編碼的程序

在手機中測試上述程序，結果如圖4所示。

圖4 上述程序的測試結果

四、存在問題

1、測試結果與手機型號有關

利用兩部手機進行測試，在努比亞nx511J上測試成功，但在三星nexus S上測試不成功，輸入“qqq”并點擊按鈕后，返回的仍然是“qqq”，將計時器的計時間隔調整到2000毫秒仍然無法返回正確結果。

2、計時器的作用

計時器的作用是延遲顯示網頁md5.html的返回結果。在測試過程中修改計時器的計時間隔，從10毫秒到100毫秒，遞增幅度為10毫秒，發現當計時間隔小于80毫秒時，返回結果是文本輸入框中輸入的內容。

總結

以上是生活随笔為你收集整理的html用户注册md5,用web浏览框实现MD5加密的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。