PHP et UniApp implémentent la vérification de la connexion aux données et l'authentification unique

PHP et UniApp mettent en œuvre la vérification de la connexion aux données et l'authentification unique

Introduction :
Avec le développement rapide de l'Internet mobile, les utilisateurs ont des exigences de plus en plus élevées en matière de connexion et de partage de données entre plusieurs plates-formes et plusieurs applications. Cet article explique comment utiliser PHP et UniApp pour implémenter des fonctions de vérification de connexion aux données et d'authentification unique, afin que les utilisateurs puissent facilement se connecter à plusieurs applications et obtenir une gestion et un partage unifiés des données.

1. PHP implémente la vérification de connexion

1. Créer une table de base de données
   Tout d'abord, nous devons créer une table d'informations utilisateur, comprenant les champs : ID utilisateur (uid), nom d'utilisateur (nom d'utilisateur), mot de passe (mot de passe) et d'autres informations. Peut être créé à l'aide d'une base de données MySQL.
2. Écriture de l'interface de connexion
   En PHP, nous pouvons utiliser la méthode de requête POST pour envoyer les informations de connexion de l'utilisateur au serveur pour vérification. Ce qui suit est un exemple de code d'interface de connexion simple :

<?php
if($_SERVER['REQUEST_METHOD'] == 'POST'){
    // 获取POST数据
    $username = $_POST['username'];
    $password = $_POST['password'];
    
    // 连接数据库
    $conn = mysqli_connect('localhost', 'root', 'password', 'database_name');
    if(!$conn){
        echo "数据库连接失败";
        exit;
    }
    
    // 查询用户信息
    $sql = "SELECT * FROM user_info WHERE username = '$username' AND password = '$password'";
    $result = mysqli_query($conn, $sql);
    
    if(mysqli_num_rows($result)>0){
        echo "登录成功";
    }else{
        echo "用户名或密码错误";
    }
}
?>

Ce code reçoit d'abord les données POST envoyées par le client, puis se connecte à la base de données pour interroger les informations de l'utilisateur et renvoie enfin un message de réussite ou d'échec de connexion en fonction des résultats de la requête. .

2. UniApp implémente l'authentification unique

1. Page de connexion
   Créez une page de connexion dans UniApp, l'utilisateur saisit le nom d'utilisateur et le mot de passe et envoie une demande de connexion au serveur via la méthode uni.request(). Voici un exemple de code simple :

<template>
    <view>
        <input type="text" v-model="username" placeholder="请输入用户名" />
        <input type="password" v-model="password" placeholder="请输入密码" />
        <button @tap="login">登录</button>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                username: '',
                password: ''
            };
        },
        methods: {
            login() {
                uni.request({
                    url: 'http://localhost/login.php',
                    method: 'POST',
                    data: {
                        username: this.username,
                        password: this.password
                    },
                    success: (res) => {
                        if(res.data === '登录成功'){
                            uni.showToast({
                                title: '登录成功',
                                icon: 'success'
                            })
                            // 登录成功后的逻辑处理
                        }else{
                            uni.showToast({
                                title: '登录失败',
                                icon: 'none'
                            })
                        }
                    }
                });
            }
        }
    }
</script>

Dans ce code, une fois que l'utilisateur a entré le nom d'utilisateur et le mot de passe, cliquer sur le bouton de connexion déclenchera la méthode login(), enverra une requête POST au serveur via uni.request() , puis envoyez le nom d'utilisateur et le mot de passe saisis par l'utilisateur. Selon les données renvoyées par le serveur, les informations d'invite correspondantes sont affichées.

2. Implémentation de l'authentification unique
   L'idée principale de la mise en œuvre de l'authentification unique dans UniApp est d'utiliser le cache local pour stocker les informations de connexion des utilisateurs. Voici un exemple de code simple :

// 存储用户登录信息
uni.setStorageSync('isLogin', true);
uni.setStorageSync('username', this.username);

// 判断用户是否登录
if(uni.getStorageSync('isLogin')){
    // 已登录，执行相应操作
}else{
    // 未登录，跳转到登录页面
    uni.navigateTo({
        url: '/pages/login'
    });
}

En fonction du statut de connexion, nous pouvons effectuer différents traitements logiques. Les informations de connexion utilisateur peuvent être stockées dans le cache local via la méthode uni.setStorageSync(), et les informations de connexion utilisateur stockées dans le cache local peuvent être obtenues via la méthode uni.getStorageSync().

Conclusion : 
Grâce à la combinaison de PHP et UniApp, nous pouvons réaliser la vérification de la connexion aux données et les fonctions d'authentification unique. Les utilisateurs peuvent se connecter avec le même compte dans plusieurs applications, réalisant ainsi une gestion et un partage unifiés des données. J'espère que cet article vous sera utile pour vos études et votre travail !

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!