0

提前感谢您的任何建议。

我是长期的开发人员，但对网络东西很陌生，所以请原谅任何无知。

我正在尝试创建一个 android 类型的锁屏（您可以在其中以正确的顺序将鼠标移到块上以创建密码）。之后它将显示我的 yii 应用程序的登录页面。

这将用于我们安装在客户位置以管理我们的东西的盒子。所以客户端只能通过 http web 访问它——不用担心密码嗅探等。

我有一个锁定屏幕的模型，我有一个基本的 yii 应用程序，如果未通过身份验证，它默认为登录屏幕。我假设我需要合并我的模型和登录页面。如果用户在登录屏幕上通过身份验证，也不会显示我的锁定屏幕。

问题：

  1. 如何安全地将锁屏密码传递给后端进行身份验证（我在考虑点击按钮时的 POST 方法）
  2. 认证时如何隐藏锁屏（在yii/php中决定使用是否认证）
  3. 任何更好的想法都会被优雅地接受:-) 3。

编辑如果用户输入错误的密码也想重置，你认为另一个按钮/左键单击网格是什么？

假设使用 yiic 创建的示例登录页面。

我的示例锁屏

<!DOCTYPE html>
<html>
<head>
   <title></title>
   <style type="text/css">

.untouched {
   background: green;
}

.touched {
   background: blue;
}

.button {
   padding: 12px;
   height: 100px;
   width: 100px;
}
   </style>
   <script src="/jquery.js"></script>
</head>
<body>
   <table>
      <tr>
         <td id="1" class="button untouched"></td>
         <td id="2" class="button untouched"></td>
         <td id="3" class="button untouched"></td>
         <td id="4" class="button untouched"></td>
      </tr>
      <tr>
         <td id="5" class="button untouched"></td>
         <td id="6" class="button untouched"></td>
         <td id="7" class="button untouched"></td>
         <td id="8" class="button untouched"></td>
      </tr>
      <tr>
         <td id="9" class="button untouched"></td>
         <td id="10" class="button untouched"></td>
         <td id="11" class="button untouched"></td>
         <td id="12" class="button untouched"></td>
      </tr>
      <tr>
         <td id="13" class="button untouched"></td>
         <td id="14" class="button untouched"></td>
         <td id="15" class="button untouched"></td>
         <td id="16" class="button untouched"></td>
      </tr>
   </table>
   <h1 id="password"></h1>
   <script>
      $(document).ready(function(){
      });

      $(".untouched").mouseenter(function(){
         if($(this).hasClass("untouched"))
         {
            $("#password").text($("#password").text() + ' ' + $(this).attr("id"));
         }
         $(this).removeClass("untouched").addClass("touched");
      });
   </script>
</body>
</html>
4

1 回答 1

0
  1. POST方法是验证用户的正确方法，永远不要考虑，GET因为任何人都可以看到用户名和密码。
  2. 您可以localStorage使用 javascript 在（首选）或 cookie 中保存 Session ID 或类似内容，以了解用户是否通过 AJAX 验证并访问页面 API，当 API 抛出带有 header 的错误时401 Unauthorized，让您的应用再次提示登录页面。
  3. 如果您的应用程序需要与您的服务器交互，您可以查看基于 OAuth 的应用程序是如何工作的。

现场小提琴示例

于 2012-06-09T14:12:07.397 回答