Авторизация через ВК NestJS + React

Пример реализованной авторизации по способу Authorization code flow на примере NestJS + React.

Статья

Установка

git clone [email protected]:ndrwbv/vk-auth-react-nestjs.git
cd vk-auth-react-nestjs

Backend

$ vk-auth-react-nestjs: cd backend
$ vk-auth-react-nestjs/backend: docker-compose up -d
$ vk-auth-react-nestjs/backend: yarn
$ vk-auth-react-nestjs/backend: yarn dev

Frontend

$ vk-auth-react-nestjs: cd frontend
$ vk-auth-react-nestjs/frontend: yarn
$ vk-auth-react-nestjs/frontend: yarn dev

Настройка

Для работы с вашим приложением необходимо:

1. Создать приложение во Вконтакте https://vk.com/editapp?act=create
2. Отредактировать файлы .env в папке frontend и backend

frontend/.env: REACT_APP_CLIENT_ID -- ID приложения
backend/.env: CLIENT_ID -- ID приложения
backend/.env: CLIENT_SECRET -- Защищённый ключ