Spring Boot + Angular 4 Boilerplate
Quick start for Spring Boot + Angular 4 projects with JWT auth
Includes:
Front-end:
- angular-cli boilerplate files
- JWT authentication service
Back-end:
- gradle build file
- boilerplate files
- JWT authentication
Setup
You can use setup.sh script to change name and version of the app and database connection properties.Just run sh setup.sh and follow the instructions.
Build and Run
First of all you need to configure the database. Properties are located in ./backend/src/main/resources/application.properties file.
By default application is using PostgreSQL database(name:
test, user:test, password:test).
Also you need to configure JWT secret in file listed above.
- Run
npm install --prefix frontendto install front-end dependencies. - Run
npm run build:prod --prefix frontendto build angular application. - Run
./init_dbto create database, dbuser and dump default schema. - Run
gradle build -p backendto build a spring boot application. - Run
gradle bootRun -p backendorjava -jar backend/build/libs/app-name-[version].jarto start spring boot application on embedded server.
By default server will be running on port
8080.
Development
npm start --prefix frontendto start front-end server for development.npm run start:prod --prefix frontendto start front-end server with service-workers.gradle bootRun -p backendto start spring boot application on embedded server.
By default server will be running on port
4200
Testing
npm test --prefix frontend- to run front-end unit tests.npm run e2e --prefix frontend- to run end to end tests.gradle test -p backend- to run server tests.
Technologies used
- spring-boot 1.5.3
- spring-mvc 4.3.6
- spring-data-jpa 1.11.0
- spring-security 4.2.1
- jjwt 0.7.0
- lombok 1.16.12
- junit 4.11
- gradle 3.3
- postgresql 9.5
- h2 1.4
- angular-cli 1.1.1
- angular 4.2.2
- rxjs 5
- jasmine 2.5
- karma 1.0
- protractor 4
License
spring-boot-angular4-boilerplate is released under the MIT License.
-
In this article we continue our discussion of how to use Spring Security with Angular JS in a “single page application”. Here we show how to write and run unit tests for the client-side code using the
-
Note: the source code and test for this blog continue to evolve, but the changes to the text are not being maintained here. Please see the tutorial version for the most up to date content. In this art
-
Spring MVC 是 Spring 提供的一个基于 MVC 设计模式的轻量级 Web 开发框架，其本身就是 Spring 框架的一部分，可以与 Spring 无缝集成，性能方面具有先天的优越性，是当今业界最主流的 Web 开发框架之一。 Spring Boot 是在 Spring 的基础上创建一款开源框架，它提供了 spring-boot-starter-web
-
Spring Boot 1. 关于Spring Boot Spring Boot框架主要解决了创建工程后需要进行繁琐的配置的问题，是一个“开箱即用”的框架，其核心思想是“约定大于配置”。 2. 创建Spring Boot工程 使用IntelliJ IDEA的创建向导中的Spring Initializer即可创建Spring Boot工程。 在创建时，如果 https://start.spring
-
Spring Boot How To 1. 简介 本章节将回答一些常见的"我该怎么做"类型的问题，这些问题在我们使用spring Boot时经常遇到。这绝不是一个详尽的列表，但它覆盖了很多方面。 如果遇到一个特殊的我们没有覆盖的问题，你可能想去查看stackoverflow.com 2. Spring Boot应用 2.1. 解决自动配置问题 Spring Boot自动配置总是尝试尽最大努力去做正
-
看了两个tutorial, 感觉说的都是怎么用, 没有进代码里说sb怎么做的. 有点傻. 倒是两个tutorial 第一篇讲的原理都还行, 哈哈哈哈. SB怎么打包的, 启动会做校验. SB自动配置的原理. 最想知道的流程没有讲… TODO 感觉自己这周可以把启动过程源码看一下. springboot就过了. Spring Boot: Configuring a Main Class Spring
-
4、SpringMVC自动配置 https://docs.spring.io/spring-boot/docs/1.5.10.RELEASE/reference/htmlsingle/#boot-features-developing-web-applications 1. Spring MVC auto-configuration Spring Boot 自动配置好了SpringMVC 以下是S
-
Dockerized Angular 4 App (with Angular CLI) Build docker image $ docker build -t myapp . Run the container $ docker run -d -p 8080:80 myapp The app will be available at http://localhost:8080 You can e
-
mean-angular4-chat-app This source code is part of tutorial Building Chat Application using MEAN Stack (Angular 4) and Socket.io Step to run: Prepare Node.js and Angular CLI Clone this repo Run 'npm i
-
本文向大家介绍Angular4 ElementRef的应用，包括了Angular4 ElementRef的应用的使用技巧和注意事项，需要的朋友参考一下 Angular 的口号是 - "一套框架，多种平台。同时适用手机与桌面 (One framework.Mobile & desktop.)"，即 Angular 是支持开发跨平台的应用，比如：Web 应用、移动 Web 应用、原生移动应用和原生桌面
-
Spring Boot 项目旨在简化创建产品级的 Spring 应用和服务。你可通过它来选择不同的 Spring 平台。可创建独立的 Java 应用和 Web 应用，同时提供了命令行工具来允许 'spring scripts'. 下图显示 Spring Boot 在 Spring 生态中的位置： 该项目主要的目的是： 为 Spring 的开发提供了更快更广泛的快速上手 使用默认方式实现快速开发 提
-
本文向大家介绍Spring Boot集成 Spring Boot Admin 监控，包括了Spring Boot集成 Spring Boot Admin 监控的使用技巧和注意事项，需要的朋友参考一下 【前言】 程序开发完实现相应的功能只是一个部分，如何让系统在线上运行更好创造更高的价值是另外一个部分；监控是一个生产级项目避不可少重要组成部分；最近研究一下针对SpringBoot的监控项目---Sp
-
我正在努力学习spring boot，我注意到有两种选择。 > spring-boot-starter-web-根据文档，它支持全栈web开发，包括Tomcat和web-mvc spring-Boot-Starter-Tomcat 既然#1支持Tomcat，为什么要使用#2呢？ 有什么不同？ 谢谢