Блог

Я совершенно новичок в веб-разработке и никогда раньше не внедрял ничего, что требует какой-либо аутентификации — в основном, где пользователь может зарегистрироваться, войти в систему и выйти из системы.

Я наткнулся на Hasura, сервер GraphQL поверх Postgres и развернул его на Heroku. После создания нескольких таблиц и заполнения их данными я создал небольшое приложение Vue, которое может запрашивать и изменять эти данные с помощью vue-apollo, и это, кажется, работает нормально.

Теперь я хочу ограничить использование приложения, если пользователь не вошел в систему. Я прочитал раздел аутентификации / контроля доступа в их документации, но я действительно не понимаю, как я могу этого добиться… Все примеры, по-видимому, созданы с помощью React. Они говорят о том, что пользователи (не) вошли в систему, но я даже не понимаю, как его создать или что означает «вошедший в систему» пользователь в контексте. Кроме того, в нем в основном упоминаются JWT и webhooks, и я тоже никогда ими не пользовался… На мой взгляд, это должно быть довольно просто, но кажется чрезмерно сложным (вероятно, это просто я тупой).

Все, что я хочу, это простая форма регистрации, в которой пользователь может ввести имя пользователя и пароль, а затем использовать это имя пользователя и пароль для входа в систему в будущем. Как я могу это сделать, и есть ли какие-либо примеры этого с Vue и vue-apollo?