Содержимое статьи:

• Требования
• Настройка Supabase
• Создание таблицы пользователей
• Код JavaScript
• Исправленный код JavaScript

Для хранения данных пользователей в базе данных Supabase необходимо выполнить следующие шаги:

Требования

• Установленный Node.js и npm
• Учётная запись Supabase
  

  Настройка Supabase

  1. Создайте проект в Supabase.
  2. Установите клиент Supabase для Node.js с помощью команды npm install @supabase/supabase-js.
  3. Получите URL базы данных, ключ службы и ключ API из панели управления Supabase.
     

     Создание таблицы пользователей

  4. Создайте таблицу "users" в своей базе данных Supabase со следующими столбцами:
• id (строка, первичный ключ)
• name (строка)
• password (строка)
  

  Код JavaScript

  1. Импортируйте клиент Supabase.
  2. Создайте экземпляр клиента Supabase, указав URL базы данных, ключ службы и ключ API.
  3. Создайте обработчик события submit для формы регистрации.
  4. Получите значения имени пользователя (name) и пароля (password) из формы.
  5. Создайте новый объект пользователя с помощью класса User.
  6. Создайте случайный идентификатор пользователя с помощью функции createdId().
  7. Добавьте нового пользователя в объект users.
  8. Выполните запрос к базе данных Supabase для сохранения новых данных пользователя.
     

     Исправленный код JavaScript

     let name = document.querySelector('#name');
     
     let password = document.querySelector('#password');
     
     let submit = document.querySelector('#submit');
     
     let users = {};
     
     const client = supabase.createClient(databaseURL, apiKey, serviceRoleKey);
     
     function User(name, password) {
     
     this.name = name;
     
     this.password = password;
     
     }
     
     function createdId(users) {
     
     return Object.keys(users).length;
     
     }
     
     submit.addEventListener('click', async () => {
     
     const nameUser = name.value;
     
     const passwordUser = password.value;
     
     const user = new User(nameUser, passwordUser);
     
     const userId = 'User' + createdId(users);
     
     users[userId] = user;
     
     const { data, error } = await client.from('users').insert([user]);
     
     if (error) {
     
     console.error(error);
     
     alert('Произошла ошибка при регистрации аккаунта.');
     
     } else {
     
     console.log(data);
     
     alert('Вы прошли регистрацию.');
     
     }
     
     });