开源软件名称:ng-boot-oauth
开源软件地址:https://gitee.com/qihy/ng-boot-oauth
开源软件介绍:
ng-boot-oauthoauth2 demo 程序,使用了angularjs 1.x 和 springboot框架。 默认的用户名是 admin , 密码是 111111 1. 特点模块项目包括3个模块: - authserver
- ui (oauth2 code flow的客户端应用)
- ui-implicit (oauth2 implicit flow的客户端应用,有一个独立的前端模块)
前端- ES6
- AngularJs 1.x
- webpack dev server hot-reload(通过在index.html中引用web-dev-server的js文件,在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 构建工具
- Spring Boot
- Spring security Oauth2
- Thymeleaf 模版引擎
2. 在开发模式下运行注意 ui 模块和 ui-implicit 模块由于都用了8080端口,所以不能同时运行,每次只能运行一个模块。 获取代码git clone https://github.com/qihaiyan/ng-boot-oauth.gitcd ng-boot-oauth 运行 OAuth2 Servercd authserver./gradlew bootRun 运行 ui 模块通过 http://localhost:8080 这个地址访问应用。 运行 ui-implicit 模块cd ui-implicit./gradlew bootRun 如果是第一次运行程序,需要先安装依赖。 cd ui-implicitnpm install 依赖安装完成后,运行前端程序 cd ui-implicitnpm run dev 在DEV模式下运行 ui-implicit 前端模块时,如果采用webpack-dev-server的默认配置会出现CORS错误。 需要在webpack.config.js中调整dev-server的配置,调用后端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. 在生产模式下运行编译和打包项目: 运行 authserver: 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 这个地址访问应用。 |
请发表评论