Question

所以，我做了自己的小服务器。我试图这样做，你必须登录才能访问它的文件。我尝试过Javascript，但当然这是最糟糕的事情（因为你可以在源代码中看到密码和用户名）：

<form name="login">
Användar: <input type="text" name="user" value="gast">
<br>
Lösenord: <input type="password" name="pw" value="">
<br>
<input type="button" OnClick="log()" value="Login">
</form>

和log（）方法：

function log() {

if (document.login.user.value == "gast")
if (document.login.pw.value == "0000")
location.href="gast.html"
}

所以，如果你真的希望它有点安全，那么这是一个很好的方法，如果你真的希望它有点安全......所以有人知道我该怎么做吗？或许有数据库？我几乎是HTML和JS的初学者，所以一些帮助会很棒：）

Answer 1

您应该在服务器端进行身份验证和授权。

我假设你有一个运行的网络服务器。在此Web服务器后面，您有一个应用程序界面，您的Web服务器请求将提交给您的应用程序。这是＆＃34;地方＆＃34;你应该在哪里进行身份验证处理。

无论您使用何种语言编写服务器端应用程序，我相信已有的库可以帮助您完成该任务。正确的身份验证和授权可能很棘手，并且不需要重新发明轮子（除非当然有充分的理由这样做......）。

只需google for＆＃34; {your-language}身份验证＆＃34;或者＆＃34; {您的语言}框架身份验证＆＃34;，其中{your-language}是您希望在服务器端使用的编程语言。

无论如何，如果您不需要完整的应用程序，并且只想提供普通网站，那么您的网络服务器应该有一个方法来进行基本身份验证＆＃34;。再次，只需google for：＆＃34; {your-webserver}基本身份验证＆＃34;。

Answer 2

任何登录系统都需要是服务器端。 Javascript是客户端。但是根据您的服务器，有很多选项。

如果您的工具箱中只有HTML和JS，那么如果您使用的是基于Linux的服务器，我会考虑使用.htaccess。

Answer 3

您可以使用jQuery。它很容易，但通过JavaScript验证是非常危险和容易挑战。我建议使用PHP

＆＃13;

$(document).ready(function() {
  $("input[type='button']").click(function() {
    var user = $("input[type='text']").val();
    var pass = $("input[type='password']").val();

    if (user === "gast" && pass === "0000") {
      location.href = "gast.html";
    } else {
      alert("bad password!");
    }

  });
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<form name="login">
  Användar:
  <input type="text" name="user" value="gast">
  <br>Lösenord:
  <input type="password" name="pw" value="">
  <br>
  <input type="button" value="Login">
</form>

＆＃13;

EXAMPLE1

当你必须使用javaScript时，我建议使用Javascript Obfuscator：Javascript Obfuscator它更安全：

＆＃13;

eval(function(p,a,c,k,e,d){e=function(c){return c};if(!''.replace(/^/,String)){while(c--){d[c]=k[c]||c}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('$(12).13(4(){$("1[0=\'11\']").9(4(){6 7=$("1[0=\'14\']").3();6 5=$("1[0=\'2\']").3();18(7==="8"&&5==="20"){17.16="8.19"}15{21("10 2!")}})});',10,22,'type|input|password|val|function|pass|var|user|gast|click|bad|button|document|ready|text|else|href|location|if|html|0000|alert'.split('|'),0,{}))

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<form name="login">
  Användar:
  <input type="text" name="user" value="gast">
  <br>Lösenord:
  <input type="password" name="pw" value="">
  <br>
  <input type="button" value="Login">
</form>

＆＃13;

EXAMPLE2

服务器登录程序

3 个答案: