Utilisez php pour implémenter un mécanisme de stockage automatique des connexions dans un délai d'une semaine

Cet article présente principalement l'utilisation de PHP pour réaliser un mécanisme de stockage automatique des connexions (cookie, session, localStorage) en une semaine, qui permet d'obtenir une connexion gratuite en une semaine. Les amis intéressés peuvent s'y référer.

Cookie, session et localStorage devraient être les trois plus gênants pour les programmeurs. J'utiliserai le nom d'utilisateur et le mot de passe de l'interface de connexion simple pour expliquer.

1. pour stocker les données relatives à l'utilisateur. L'emplacement de stockage est local pour l'utilisateur :

Le premier est la définition de l'interface de connexion :

<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>

Tout le monde connaît le code ci-dessus, c'est un formulaire Ensuite, c'est le traitement du serveur d'action 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>"; 
}

.

Il y a un data.php chargé ci-dessus, qui est en fait une donnée

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

Ces données sont principalement utilisées pour. vérifiez si le nom d'utilisateur et le mot de passe saisis sont corrects.

Tout d'abord, vérifiez s'il s'agit d'une demande de publication sur le serveur. Sinon, vous serez invité à vous reconnecter et à revenir à l'interface de connexion. . Après avoir confirmé qu'il s'agit d'un post, vous jugerez alors si les informations sont saisies correctement. Si elles sont correctes, setcookie vous expliquera les codes suivants un par un

$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;;

En fait, à ce moment-là, le cookie a été stocké en fonction de l'heure que nous avons fixée, puis ce que nous devons faire est de traiter la fonction sans connexion et le serveur en arrière-plan. Tout comme. lorsque nous nous connectons à un autre logiciel, nous serons invités à nous connecter sans mot de passe dans un délai d'une semaine.

est le code suivant :

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]; 
      } 
    } 
  }

La première méthode ci-dessus exécute getCookieByKey(key);

Les paramètres reçus par cette fonction avec paramètres sont les paramètres que nous avons encapsulés au-dessus des données myArr;

Ensuite, l'explication détaillée est dans le code, vous pouvez vous y référer.

2. session : la session est utilisée pour stocker les informations de l'utilisateur côté serveur, lorsque le navigateur est fermé, il sera automatiquement détruit. ;

session_start();

Le super tableau $_SESSION peut réaliser le réglage et la lecture de la session

Le code est le suivant ; :

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

Nous allons d'abord voir le code ci-dessus, qui obtient également quatre attributs et les met dans notre $_SESSION Stockez-le :

Ensuite, il y a le code ci-dessus, vous pouvez voir qu'il y a un se

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

Ceci est écrit pour session;

Il stocke principalement quatre attributs, username.password.IP.time

Il est également commenté dans le code ci-dessus en fait, maintenant nous pouvons vérifier ; la session que nous avons créée dans la session

3. localStorage côté JS : la méthode de stockage local fournie par HTML5 (peut être appelée base de données "paire clé-valeur"

Définir les données : localStorage.setItem("key","value");

Lire les données : localStorage.getItem("key"); Le résultat de la lecture est une chaîne ;
Supprimer les données : localStorage. removeItem("key");

Le code détaillé est le suivant :

Le fichier js écrit sous le html est Ensuite l'implémentation :

Cette fonction sert principalement à créer

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

Ce qui précède C'est tout le contenu de cet article, j'espère qu'il sera utile à l'étude de chacun.

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

Recommandations associées :

Comment supprimer des fichiers dans un répertoire avec PHP unlink et rmdir

Explication détaillée des méthodes couramment utilisées pour les opérations de transaction PHP mysqli

PHP utilise des astérisques pour remplacer certains caractères dans le nom d'utilisateur, le téléphone portable et l'adresse e-mail

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!