Rumah > pembangunan bahagian belakang > tutorial php > PHP dan UniApp melaksanakan pengesahan log masuk data dan log masuk tunggal

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

王林
Lepaskan: 2023-07-04 09:06:01
asal
1676 orang telah melayarinya

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

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>
Salin selepas log masuk

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.

  1. 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'
    });
}
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan