ng-boot-oauth

Русское описание

Пример использования oauth2 с angularjs и springboot.

По умолчанию имя пользователя — admin, а пароль — 111111.

1. Возможности

Модули

Проект состоит из трёх модулей:

• authserver
• ui (Клиент использует oauth2 code flow)
• ui-implicit (Клиент использует oauth2 implicit flow, с отдельным фронтендом)

Фронтенд

• ES6
• AngularJS 1.x
• webpack dev server reload (вставка скрипта web-dev-server в index.html при установке окружения на DEV)

<% if (webpackConfig.metadata.ENV === 'dev') { %>
<!-- webpack dev server reload -->
<script src="http://<%= webpackConfig.metadata.host %>:<%= webpackConfig.metadata.port %>/webpack-dev-server.js"></script>
<!-- end webpack dev server reload -->
<% } %>

Бэкенд

• Gradle Build Tool
• Spring Boot
• Интеграция Spring Security Oauth2
• Thymeleaf серверный шаблонизатор Java

2. Запуск в режиме разработки

Обратите внимание, что модуль ui и модуль ui-implicit не могут запускаться одновременно, так как они используют одинаковый порт 8080.

Клонирование кода

git clone https://github.com/qihaiyan/ng-boot-oauth.git
cd ng-boot-oauth

Запуск OAuth2 Сервера

cd authserver
./gradlew bootRun

Запуск модуля ui

cd ui
./gradlew bootRun

Теперь можно посетить приложение по адресу http://localhost:8080

Запуск модуля ui-implicit

• Запуск бэкенд-сервера

cd ui-implicit
./gradlew bootRun

Если это первый запуск модуля ui-implicit, то сначала следует установить зависимости.

cd ui-implicit
npm install

• Запуск dev-сервера

cd ui-implicit
npm run dev

• CORSДля избежания ошибки CORS используется следующее конфигурирование dev-server в webpack.config.js. Прокси для вызовов API также могут быть настроены здесь.

devServer: {
            port: 3000,
            contentBase: './src/main/frontend',
            headers: {
                'Access-Control-Allow-Origin': 'http://localhost:8080',
                'Access-Control-Allow-Credentials': 'true',
                'Access-Control-Allow-Headers': 'authorization',
                'Access-Control-Allow-Methods': 'GET'
            },
            // proxy: {
            //     '/user': 'http://localhost:8080/'
            // },
        },

Теперь мы можем посетить приложение по адресу http://localhost:8080.## 3. ЗАПУСК В РЕЖИМЕ ПРОДУКЦИОННОЙ РАБОТЫ Скомпилировать и упаковать проект:

gradle build

Затем запустить сервер аутентификации:

cd authserver/
java -jar ./build/libs/ng-boot-oauth-0.0.1.jar

Затем запустить сервер UI:

cd ui/
java -jar ./build/libs/ng-boot-oauth-ui-0.0.1.jar

Или запустить сервер UI-implicit:

cd ui-implicit/
java -jar ./build/libs/ng-boot-oauth-ui-implicit-0.0.1.jar

Теперь мы можем посетить приложение по адресу http://localhost:8080.