Как сделать регистрацию с помощью mysql и react native?

1
2
3
4
5
6

CREATE TABLE users (
  id INT PRIMARY KEY AUTO_INCREMENT,
  name VARCHAR(255) NOT NULL,
  email VARCHAR(255) NOT NULL UNIQUE,
  password VARCHAR(255) NOT NULL
);

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

<?php
// Подключение к базе данных MySQL
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "database";

$conn = new mysqli($servername, $username, $password, $dbname);

if ($conn->connect_error) {
  die("Ошибка подключения к базе данных: " . $conn->connect_error);
}

// Получение данных пользователя из запроса
$name = $_POST["name"];
$email = $_POST["email"];
$password = $_POST["password"];

// Хэширование пароля
$hashed_password = password_hash($password, PASSWORD_DEFAULT);

// Вставка данных пользователя в таблицу
$sql = "INSERT INTO users (name, email, password) VALUES ('$name', '$email', '$hashed_password')";

if ($conn->query($sql) === TRUE) {
  echo "Пользователь успешно зарегистрирован";
} else {
  echo "Ошибка регистрации пользователя: " . $conn->error;
}

$conn->close();
?>

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50

import React, { useState } from 'react';
import { View, TextInput, Button, Alert } from 'react-native';

const RegistrationForm = () => {
  const [name, setName] = useState('');
  const [email, setEmail] = useState('');
  const [password, setPassword] = useState('');

  const handleRegistration = () => {
    // Отправка запроса на сервер с данными пользователя
    fetch('http://your-server-url/register.php', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ name, email, password })
    })
      .then(response => response.text())
      .then(result => {
        // Обработка ответа от сервера
        Alert.alert('Регистрация', result);
      })
      .catch(error => {
        console.error('Ошибка регистрации:', error);
        Alert.alert('Ошибка', 'Произошла ошибка при регистрации');
      });
  };

  return (
    <View>
      <TextInput
        placeholder="Имя"
        value={name}
        onChangeText={setName}
      />
      <TextInput
        placeholder="Email"
        value={email}
        onChangeText={setEmail}
      />
      <TextInput
        placeholder="Пароль"
        secureTextEntry
        value={password}
        onChangeText={setPassword}
      />
      <Button title="Зарегистрироваться" onPress={handleRegistration} />
    </View>
  );
};

export default RegistrationForm;