PHP dan UniApp melaksanakan pengesahan log masuk data dan log masuk tunggal

PHP dan UniApp melaksanakan pengesahan log masuk data dan log masuk tunggal

Pengenalan:
Dengan perkembangan pesat Internet mudah alih, pengguna mempunyai permintaan yang lebih tinggi untuk log masuk dan perkongsian data antara berbilang platform dan berbilang aplikasi. Artikel ini akan memperkenalkan cara menggunakan PHP dan UniApp untuk melaksanakan pengesahan log masuk data dan fungsi log masuk tunggal, supaya pengguna boleh log masuk dengan mudah ke berbilang aplikasi dan mencapai pengurusan bersatu dan perkongsian data.

1. PHP melaksanakan pengesahan log masuk

1. Buat jadual pangkalan data
   Pertama, kita perlu mencipta jadual maklumat pengguna, termasuk medan: ID pengguna (uid), nama pengguna (nama pengguna), kata laluan (kata laluan) dan maklumat lain. Boleh dibuat menggunakan pangkalan data MySQL.
2. Menulis antara muka log masuk
   Dalam PHP, kami boleh menggunakan kaedah permintaan POST untuk menghantar maklumat log masuk pengguna ke pelayan untuk pengesahan. Berikut ialah kod contoh antara muka log masuk yang mudah:

<?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 "用户名或密码错误";
    }
}
?>

Kod ini mula-mula menerima data POST yang dihantar oleh pelanggan, kemudian menyambung ke pangkalan data untuk menanya maklumat pengguna, dan akhirnya mengembalikan mesej kejayaan atau kegagalan log masuk berdasarkan hasil pertanyaan .

2. UniApp melaksanakan log masuk tunggal

1. Halaman log masuk
   Buat halaman log masuk dalam UniApp, pengguna memasukkan nama pengguna dan kata laluan, dan menghantar permintaan log masuk ke pelayan melalui kaedah uni.request(). Berikut ialah contoh kod mudah:

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

Dalam kod ini, selepas pengguna memasukkan nama pengguna dan kata laluan, mengklik butang log masuk akan mencetuskan kaedah log masuk(), menghantar permintaan POST ke pelayan melalui uni.request() , dan hantar Nama pengguna dan kata laluan yang dimasukkan pengguna. Mengikut data yang dikembalikan oleh pelayan, maklumat segera yang sepadan dipaparkan.

2. Pelaksanaan log masuk tunggal
   Idea teras untuk melaksanakan log masuk tunggal dalam UniApp ialah menggunakan cache setempat untuk menyimpan maklumat log masuk pengguna. Berikut ialah kod contoh mudah:

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

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

Bergantung pada status log masuk, kami boleh melakukan pemprosesan logik yang berbeza. Maklumat log masuk pengguna boleh disimpan dalam cache setempat melalui kaedah uni.setStorageSync() dan maklumat log masuk pengguna yang disimpan dalam cache setempat boleh diperoleh melalui kaedah uni.getStorageSync().

Kesimpulan:
Melalui gabungan PHP dan UniApp, kami boleh mencapai pengesahan log masuk data dan fungsi log masuk tunggal. Pengguna boleh menggunakan akaun yang sama untuk log masuk ke berbilang aplikasi, dengan itu mencapai pengurusan bersatu dan perkongsian data. Saya harap artikel ini akan membantu anda untuk belajar dan bekerja!

Atas ialah kandungan terperinci PHP dan UniApp melaksanakan pengesahan log masuk data dan log masuk tunggal. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!