Как подключиться к базе данных Heroku postgreSQL для аутентификации пользователей?

Question

Я создал базовую страницу входа в систему, используя React с кнопкой, позволяющей пользователям щелкать и входить в систему. Я также настроил базу данных postgreSQL с именами пользователей и паролями на своем сервере Heroku.Теперь мне просто нужно аутентифицировать пользователей, проверяя, соответствуют ли введенные учетные данные тому, что находится в моей базе данных.Я пытался сделать это в функции Authenticate ().Кроме того, Authenticate () вызывается в кнопке через onClick.

Прямо сейчас у меня есть базовая аутентификация с использованием настройки jQuery Ajax (благодаря этому сообщению Stackoverflow: Использование базовой аутентификации с jQuery и Ajax ).Однако, когда я нажимаю кнопку на моей странице, ничего не происходит.

Потому что я не указал свой URL!Но ... У меня нет URL, потому что это база данных на сервере.Кроме того, как я собираюсь проверить свою базу данных, чтобы увидеть, есть ли совпадение?Наконец, в случае успеха мне нужно будет перенаправить пользователя на другую страницу.

Authenticate() {
var email = $("#email").val();
var password = $("#password").val();

$.ajax({
  // Adds a HTTP header with the Authentication information
  beforeSend: function(xhr) {
    xhr.setRequestHeader(
      "Authorization",
      "Basic " + btoa(email + ":" + password)
    );
  },
  type: "GET",
  url: "",
  dataType: "json",
  async: false,
  data: '{"email": "' + email + '", "password" : "' + password + '"}',
  // Successful authentication
  success: function() {
    alert("Successfully authenticated!"); // TODO: Set appropriate auth cookie
  },
  // Display error message
  complete: function(jqXHR) {
    // 401: Unauthorized
    if (jqXHR.status == "401") {
      var message = jqXHR.status + " : " + jqXHR.statusText;
      alert(message);
    }
  }
});

}

Я немного новичок, поэтому у меня так много вопросов.Пожалуйста, потерпите меня.Спасибо!

Answer 1

поэтому сначала вам нужно установить соединение с вашей базой данных где-то в вашем коде.

вы можете быть склонны создать папку и назвать ее, возможно, db.Здесь вы должны установить соединение, используя пакет npm с именем pg.поэтому npm i pg вы также можете установить очень полезный пакет с именем dotenv.

. После этого перейдите в папку db и создайте файл с именем db.config

.