PHP と UniApp を使用してユーザー ログイン検証を実装する方法

PHP と UniApp を使用してユーザー ログイン検証を実装する方法

はじめに:
ユーザー ログイン検証は、アプリや Web サイトを開発する際に非常に重要な機能です。この記事では、PHP と UniApp を使用してユーザーのログイン認証を実装する方法を紹介します。

1. バックエンド部分: PHP コード

1. データベースの作成
   まず、ユーザーのログイン情報を保存するデータベースを作成する必要があります。 phpMyAdmin またはその他のデータベース管理ツールを使用して、「users」という名前のデータベースを作成し、「username」と「password」の 2 つのフィールドを含む「users」という名前のデータ テーブルを作成できます。
2. PHP ファイルの作成
   サーバー側では、ユーザーのログイン要求を処理し、ユーザー情報を確認するための PHP ファイルを作成する必要があります。次のコードを使用できます。

<?php
   // 连接数据库
   $conn = mysqli_connect("localhost", "root", "", "users");

   // 获取用户输入的用户名和密码
   $username = $_POST['username'];
   $password = $_POST['password'];

   // 查询数据库中是否存在匹配的记录
   $result = mysqli_query($conn, "SELECT * FROM users WHERE username='$username' AND password='$password'");

   // 判断是否存在匹配的记录
   if(mysqli_num_rows($result) > 0){
      echo "登录成功";
   } else{
      echo "登录失败";
   }

   // 关闭数据库连接
   mysqli_close($conn);
?>

2. フロントエンド部分: UniApp コード

1. ログイン ページの作成
   UniApp では、Vue.js を使用できます。ログインページを作成します。ユーザー名とパスワードの入力ボックスとログイン ボタンを含む Login.vue ファイルをページ ディレクトリに作成できます。以下はサンプル コードです。

<template>
  <div>
    <input v-model="username" type="text" placeholder="请输入用户名" />
    <input v-model="password" type="password" placeholder="请输入密码" />
    <button @click="login">登录</button>
  </div>
</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'
            });
          }
        },
        fail: err => {
          console.log(err);
        }
      });
    }
  }
};
</script>

2. ログイン リクエストの送信
   ログイン ページのログイン ボタンのクリック イベントで、uni.request 関数を使用してログイン リクエストを送信します。サーバー。以下はサンプル コードです:

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'
      });
    }
  },
  fail: err => {
    console.log(err);
  }
});

これまでに、PHP と UniApp を介してユーザー ログイン検証メソッドを実装しました。ユーザーが UniApp にユーザー名とパスワードを入力してログイン ボタンをクリックすると、UniApp はサーバーにログイン要求を送信し、サーバーは PHP コードを通じてユーザー情報を検証し、処理のためにログイン結果を UniApp に返します。

概要:
この記事では、PHP と UniApp を使用してユーザーのログイン検証を実装する方法を紹介します。上記の手順により、UniApp にユーザー ログイン機能を実装し、バックエンド サーバーとのデータ インタラクションを実現して、ユーザー ログイン検証の効果を実現できます。この記事がお役に立てば幸いです!

以上がPHP と UniApp を使用してユーザー ログイン検証を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。