使用jqTouch和HTML5保護iPhone WebApp

我有一個運行在免費虛擬主機提供商上的小WebApp（只有一行代碼爲200行的html文件）。我想限制訪問WebApp，因此不是每個人都可以看到該頁面。我也只需要一個用戶名和密碼登錄。使用jqTouch和HTML5保護iPhone WebApp

是否可以輕鬆地將用戶登錄集成到Javascript，JqTouch和html？

來源

2011-11-28 user1067779

你可以加密有意義的來源，並首次推出只需要用戶的文本字段中輸入密鑰：

http://crypto.stanford.edu/sjcl/

http://bitwiseshiftleft.github.com/sjcl/demo/

這裏有一個示例頁面，讓你開始：http://robotwoods.com/dev/so_crypt.html

這裏是代碼（我知道鏈接是可疑的）：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<meta name="viewport" content="width=device-width, user-scalable=no"> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<meta name="apple-mobile-web-app-capable" content="yes" /> 
<head> 
<title>Encrypted Site</title> 
<style> 
body {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;} 
#wrap {position:relative; width:500px; height:550px; margin-left:auto; margin-right:auto;} 
#pwd {position:absolute; width:120px; top:100px; padding-left:170px; height:50px; margin-left:auto; margin-right:auto;} 

</style> 
<script type="text/javascript" src="http://crypto.stanford.edu/sjcl/sjcl.js"></script> 
<script> 
//--------------HERE IS THE ENCRYPTED CONTENT 
kt="{iv:\"oMnhqxC9DhBgaZjHvm354g\",salt:\"gxZ08m1I5DY\",ct:\"TIKmKXfzkWaxBJ0nbyMVYo9/tvmlIeuIE4Aknt7j7H4t+bk\"}"; 
</script> 
</head> 
<body><div id="wrap"><div id="main"> 
    <div id="pwd">S.O. Username:<input id='pass' type='text'/><button onclick="login_test()">Login</button></div> 
</div></div></body> 

<script> 
function login_test(){ 
    try{document.getElementById('main').innerHTML=sjcl.decrypt(document.getElementById('pass').value,kt);} 
    catch(err){document.getElementById('main').innerHTML+='<div id=\"error\" style=\"color:#F00\"><br/>This is not for you</div>';} 
} 
</script> 
</html>

來源

2011-11-28 21:10:22

增加了一些代碼讓你開始 –

如果只是一個頁面，那麼沒有。即使你把東西隱藏在登錄後面（這是可行的），任何人都可以通過查看html代碼來弄清楚發生了什麼，因爲javascript，jqtouch和html都是客戶端。

您需要在服務器端實現其他內容才能進行身份驗證，然後交付內容。

如果您只關心顯示登錄並且並不真正需要安全性，那麼您可以實施登錄等用於演示目的。

來源

2011-11-28 21:10:47

只用Javascript即可，但不應該這樣做：每個人都可以看到它。請考慮使用服務器端語言（如PHP，ASP或其他）。

來源

2011-11-28 21:10:57 Zakaria

使用jqTouch和HTML5保護iPhone WebApp

回答

相關問題