PHPを活用して自動ログイン保存機構を1週間で実現

この記事では、PHP を使用して 1 週間以内に無料ログインを実現できる自動ログイン ストレージ機構 (cookie、session、localStorage) を実現する方法を主に紹介します。興味のある方は参考にしてください。

プログラマーにとって最も厄介なのは、簡単なログイン インターフェイスのユーザー名とパスワードを使用して説明します。

1. Cookie は、ユーザー関連のデータを保存するために使用されます。ユーザーのローカルエリア:

最初はログインインターフェイスの定義です:

<form action="server.php" method="post"> 
        <input type="text" name="username" class="username" placeholder="Username"> 
        <input type="password" name="password" class="password" placeholder="Password"> 
        <button type="submit">Sign me in</button> 
        <p class="error"><span>+</span></p> 
      </form>

上記のコードは誰もが知っていますが、これは単なるフォームです。次に、アクションのserver.phpサーバー処理があります。

<?php 
/** 
 * Created by PhpStorm. 
 * User: Administrator 
 * Date: 2016-7-19 
 * Time: 11:50 
 */ 
include "data.php"; 
header("Content-type:text/html;charset=utf-8"); 
//echo "ddd"; 
if ($_SERVER["REQUEST_METHOD"] == "POST") {//第一步 
//  echo "ddd1"; 
  if ($_POST["username"] == $info["username"] && $_POST["password"] == $info["password"]) {//第二步 
    $myArr = $_POST; 
    $myArr = array_merge($myArr, array("loginIP" => $_SERVER["REMOTE_ADDR"], "loginTime" => time())); 
    se($myArr); 
    setcookies($_POST["username"], $_POST["password"]); 
    setStroage($_POST["username"], $_POST["password"]); 
    echo "<script> 
   window.location.href=&#39;index.php&#39;; 
  </script>"; 
  } 
} else { 
  echo "<script> 
alert(&#39;请登录&#39;); 
window.location.href=&#39;login.html&#39;; 
</script>"; 
} 
//通过session保存到服务器 
function se(array $arr) 
{ 
  session_start(); 
  $_SESSION["username"] = $arr["username"]; 
  $_SESSION["password"] = $arr["password"]; 
  $_SESSION["loginIP"] = $arr["loginIP"]; 
  $_SESSION["loginTime"] = $arr["loginTime"]; 
} 
//通过cookie保存到本地 
function setCookies($username, $password) 
{ 
  setcookie("username", $username, time() + 120); 
  setcookie("password", $password, time() + 120); 
} 
 
//echo "<script> 
// 
//  localStorage.setItem(&#39;username&#39;,&#39;$username&#39;); 
//localStorage.setItem(&#39;password&#39;," . "&#39;" . $password . "&#39;" . "); 
//</script>"; 
function setStroage($username, $password){ 
  echo "<script> 
  localStorage.setItem(&#39;username&#39;," . "&#39;" . $username . "&#39;" . "); 
  localStorage.setItem(&#39;password&#39;," . "&#39;" . $password . "&#39;" . "); 
  </script>"; 
}

上で data.php がロードされますが、これは実際にはデータの一部です

$info=array("username"=>"admin","password"=>"admin");

このデータは主に、入力されたユーザー名とパスワードが正しいかどうかを確認するために使用されます

。まず、サーバーに投稿であるかどうかを確認し、そうでない場合は再度ログインを要求し、投稿であることを確認してからログインインターフェイスに戻り、情報が正しく入力されているかどうかを判断します。正しいので、Cookie を設定します。次のコードを 1 つずつ説明します

$myArr = $_POST;//把post传过来的数据放在myarr;里面 
    $myArr = array_merge($myArr, array("loginIP" => $_SERVER["REMOTE_ADDR"], "loginTime" => time()));//这是穿的另外两个参数,一个是用户登录地址,另一个是cookie存活时间(会在寻获时间以为消失) 
    se($myArr); 
    setcookies($_POST["username"], $_POST["password"]);//这个是设置cookie,把传过来的两个值设置成cookie,会有一个getCookie进行接收 
    setStroage($_POST["username"], $_POST["password"]); 
    echo "<script> 
  window.location.href=&#39;index.php&#39;;

実際には、この時点で、Cookie は設定した時間に従って保存されており、その後、必要なものが保存されています。 do は、ログイン不要機能とバックエンド サーバーの処理です。他のソフトウェアにログインするときと同様に、1 週間以内にパスワードなしでログインするように求められます。それは次のコードです。

function intialLoadInfo(){ 
    $("input:text").val(getCoolieByKey("username"));//这两个就是吧下面获取的之前输入过的用户名和密码进行自动填写(实现目的) 
    $("input:password").val(getCoolieByKey("password")); 
  } 
  //通过key值获取cookie 
  function getCoolieByKey(key){ 
    var cookie=document.cookie.split(";");//这行代码是吧cookie的值进行分离(split),以便于下面遍历(分离后就是一个数组一样) 
    for(var i=0;i<cookie.length;i++){//遍历长度 
      var value=cookie[i].trim();//去掉空格 
      if (value.indexOf(key)==0){//判断是不是第一个值 
        val=value.split("="); 
        console.log(val[0]); 
        return val[1]; 
      } 
    } 
  }

上記の最初のメソッドは getCookieByKey(key) を実行します。

パラメータ付きのこの関数によって受け取られるパラメータは、上でカプセル化した myArr データです。

その後、詳細な説明はここにありますコードはここにあります、参照できます

2.session: セッションは、ブラウザが閉じられると自動的に破棄されます。 $_SESSION の設定とセッションの読み取りを実現できます。

コードは次のとおりです:

function se(array $arr) 
{ 
  session_start(); 
  $_SESSION["username"] = $arr["username"]; 
  $_SESSION["password"] = $arr["password"]; 
  $_SESSION["loginIP"] = $arr["loginIP"]; 
  $_SESSION["loginTime"] = $arr["loginTime"]; 
}

まず、上記のコードは 4 つの属性を取得し、それらを $_SESSION に格納します。次に、上記のコードがあります。se

$myArr = array_merge($myArr, array("loginIP" => $_SERVER["REMOTE_ADDR"], "loginTime" => time()));//这是穿的另外两个参数,一个是用户登录地址,另一个是cookie存活时间(会在寻获时间以为消失) 
    se($myArr);

があることがわかります。これはセッション用に書かれています。

主にusername.password.IP.time

の4つの属性を保存します。コードにもコメントが付けられています。実際、セッションで作成したセッションを確認できます

3. JS 側の LocalStorage: HTML5 によって提供されるローカル ストレージ メソッド (「キーと値のペア」データベースと呼ぶことができます) ;

データの設定: localStorage.setItem("key","value");

読み取りデータ: localStorage.getItem("key");読み取り結果は文字列です;

データの削除: localStorage.removeItem("key ");

詳細なコードは次のとおりです:

htmlの下に書かれたjsファイルがそれから実装されます:

$(function (){ 
    if (localStorage.getItem("username")!=""&&localStorage.getItem("password")!=""){ 
      document.getElementById("username").value=localStorage.getItem("username"); 
      document.getElementById("password").value=localStorage.getItem("password"); 
 
    } 
  });

この関数は主に

function setStroage($username, $password){ 
  echo "<script> 
  localStorage.setItem(&#39;username&#39;," . "&#39;" . $username . "&#39;" . "); 
  localStorage.setItem(&#39;password&#39;," . "&#39;" . $password . "&#39;" . "); 
  </script>"; 
}

を作成するためのものです以上がこの記事の全内容です、皆様の学習のお役に立てれば幸いです。

関連する推奨事項:

PHPのリンク解除とrmdirを使用してディレクトリ内のファイルを削除する方法

PHPのmysqliトランザクション操作で一般的に使用されるメソッドの詳細な説明

PHPはアスタリスクを使用してユーザー名の携帯電話とメールの部分 文字

以上がPHPを活用して自動ログイン保存機構を1週間で実現の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。