├── .gitignore ├── build.gradle ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat ├── part1 ├── build.gradle ├── readme.md └── src │ ├── main │ ├── java │ │ └── net │ │ │ └── eikehirsch │ │ │ └── springangular │ │ │ ├── Application.java │ │ │ └── api │ │ │ └── GreetingController.java │ └── resources │ │ ├── application.properties │ │ └── static │ │ ├── index.html │ │ └── js │ │ └── hello.js │ └── test │ └── java │ └── net │ └── eikehirsch │ └── springangular │ └── ApplicationTests.java ├── part2 ├── build.gradle ├── readme.md └── src │ ├── main │ ├── java │ │ └── net │ │ │ └── eikehirsch │ │ │ └── springangular │ │ │ ├── Application.java │ │ │ ├── api │ │ │ ├── GreetingController.java │ │ │ └── UserController.java │ │ │ └── security │ │ │ └── CsrfHeaderFilter.java │ └── resources │ │ ├── application.properties │ │ └── static │ │ ├── home.html │ │ ├── index.html │ │ ├── js │ │ └── hello.js │ │ └── login.html │ └── test │ └── java │ └── net │ └── eikehirsch │ └── springangular │ └── ApplicationTests.java ├── readme.md └── settings.gradle /.gitignore: -------------------------------------------------------------------------------- 1 | # Created by .ignore support plugin (hsz.mobi) 2 | ### JetBrains template 3 | # Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm 4 | 5 | *.iml 6 | 7 | ## Directory-based project format: 8 | .idea/ 9 | # if you remove the above rule, at least ignore the following: 10 | 11 | # User-specific stuff: 12 | # .idea/workspace.xml 13 | # .idea/tasks.xml 14 | # .idea/dictionaries 15 | 16 | # Sensitive or high-churn files: 17 | # .idea/dataSources.ids 18 | # .idea/dataSources.xml 19 | # .idea/sqlDataSources.xml 20 | # .idea/dynamic.xml 21 | # .idea/uiDesigner.xml 22 | 23 | # Gradle: 24 | # .idea/gradle.xml 25 | # .idea/libraries 26 | 27 | # Mongo Explorer plugin: 28 | # .idea/mongoSettings.xml 29 | 30 | ## File-based project format: 31 | *.ipr 32 | *.iws 33 | 34 | ## Plugin-specific files: 35 | 36 | # IntelliJ 37 | out/ 38 | 39 | # mpeltonen/sbt-idea plugin 40 | .idea_modules/ 41 | 42 | # JIRA plugin 43 | atlassian-ide-plugin.xml 44 | 45 | # Crashlytics plugin (for Android Studio and IntelliJ) 46 | com_crashlytics_export_strings.xml 47 | crashlytics.properties 48 | crashlytics-build.properties 49 | 50 | 51 | -------------------------------------------------------------------------------- /build.gradle: -------------------------------------------------------------------------------- 1 | buildscript { 2 | ext { 3 | springBootVersion = '1.2.2.RELEASE' 4 | springLoadedVersion = '1.2.0.RELEASE' 5 | } 6 | repositories { 7 | mavenCentral() 8 | } 9 | dependencies { 10 | classpath("org.springframework.boot:spring-boot-gradle-plugin:${springBootVersion}") 11 | classpath("org.springframework:springloaded:${springLoadedVersion}") 12 | classpath("io.spring.gradle:dependency-management-plugin:0.4.1.RELEASE") 13 | } 14 | } 15 | 16 | allprojects { 17 | version = '0.0.1-SNAPSHOT' 18 | } 19 | 20 | subprojects { 21 | apply plugin: 'java' 22 | apply plugin: 'idea' 23 | apply plugin: 'spring-boot' 24 | apply plugin: 'io.spring.dependency-management' 25 | 26 | dependencies { 27 | compile("org.springframework.boot:spring-boot-starter-security") 28 | compile("org.springframework.boot:spring-boot-starter-web") 29 | testCompile("org.springframework.boot:spring-boot-starter-test") 30 | } 31 | 32 | sourceCompatibility = 1.7 33 | targetCompatibility = 1.7 34 | 35 | repositories { 36 | mavenCentral() 37 | } 38 | 39 | idea { 40 | module { 41 | inheritOutputDirs = false 42 | outputDir = file("$buildDir/classes/main/") 43 | } 44 | } 45 | 46 | } 47 | 48 | 49 | task wrapper(type: Wrapper) { 50 | gradleVersion = '2.3' 51 | } 52 | 53 | -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ehirsch/spring-angular2/13b4e80a577434f22ff4b4ab19d7021f1c3b01c7/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | #Fri Mar 27 09:01:19 CET 2015 2 | distributionBase=GRADLE_USER_HOME 3 | distributionPath=wrapper/dists 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists 6 | distributionUrl=http\://services.gradle.org/distributions/gradle-2.3-bin.zip 7 | -------------------------------------------------------------------------------- /gradlew: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | 3 | ############################################################################## 4 | ## 5 | ## Gradle start up script for UN*X 6 | ## 7 | ############################################################################## 8 | 9 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 10 | DEFAULT_JVM_OPTS="" 11 | 12 | APP_NAME="Gradle" 13 | APP_BASE_NAME=`basename "$0"` 14 | 15 | # Use the maximum available, or set MAX_FD != -1 to use that value. 16 | MAX_FD="maximum" 17 | 18 | warn ( ) { 19 | echo "$*" 20 | } 21 | 22 | die ( ) { 23 | echo 24 | echo "$*" 25 | echo 26 | exit 1 27 | } 28 | 29 | # OS specific support (must be 'true' or 'false'). 30 | cygwin=false 31 | msys=false 32 | darwin=false 33 | case "`uname`" in 34 | CYGWIN* ) 35 | cygwin=true 36 | ;; 37 | Darwin* ) 38 | darwin=true 39 | ;; 40 | MINGW* ) 41 | msys=true 42 | ;; 43 | esac 44 | 45 | # For Cygwin, ensure paths are in UNIX format before anything is touched. 46 | if $cygwin ; then 47 | [ -n "$JAVA_HOME" ] && JAVA_HOME=`cygpath --unix "$JAVA_HOME"` 48 | fi 49 | 50 | # Attempt to set APP_HOME 51 | # Resolve links: $0 may be a link 52 | PRG="$0" 53 | # Need this for relative symlinks. 54 | while [ -h "$PRG" ] ; do 55 | ls=`ls -ld "$PRG"` 56 | link=`expr "$ls" : '.*-> \(.*\)$'` 57 | if expr "$link" : '/.*' > /dev/null; then 58 | PRG="$link" 59 | else 60 | PRG=`dirname "$PRG"`"/$link" 61 | fi 62 | done 63 | SAVED="`pwd`" 64 | cd "`dirname \"$PRG\"`/" >&- 65 | APP_HOME="`pwd -P`" 66 | cd "$SAVED" >&- 67 | 68 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 69 | 70 | # Determine the Java command to use to start the JVM. 71 | if [ -n "$JAVA_HOME" ] ; then 72 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 73 | # IBM's JDK on AIX uses strange locations for the executables 74 | JAVACMD="$JAVA_HOME/jre/sh/java" 75 | else 76 | JAVACMD="$JAVA_HOME/bin/java" 77 | fi 78 | if [ ! -x "$JAVACMD" ] ; then 79 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 80 | 81 | Please set the JAVA_HOME variable in your environment to match the 82 | location of your Java installation." 83 | fi 84 | else 85 | JAVACMD="java" 86 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 87 | 88 | Please set the JAVA_HOME variable in your environment to match the 89 | location of your Java installation." 90 | fi 91 | 92 | # Increase the maximum file descriptors if we can. 93 | if [ "$cygwin" = "false" -a "$darwin" = "false" ] ; then 94 | MAX_FD_LIMIT=`ulimit -H -n` 95 | if [ $? -eq 0 ] ; then 96 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then 97 | MAX_FD="$MAX_FD_LIMIT" 98 | fi 99 | ulimit -n $MAX_FD 100 | if [ $? -ne 0 ] ; then 101 | warn "Could not set maximum file descriptor limit: $MAX_FD" 102 | fi 103 | else 104 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT" 105 | fi 106 | fi 107 | 108 | # For Darwin, add options to specify how the application appears in the dock 109 | if $darwin; then 110 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\"" 111 | fi 112 | 113 | # For Cygwin, switch paths to Windows format before running java 114 | if $cygwin ; then 115 | APP_HOME=`cygpath --path --mixed "$APP_HOME"` 116 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"` 117 | 118 | # We build the pattern for arguments to be converted via cygpath 119 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null` 120 | SEP="" 121 | for dir in $ROOTDIRSRAW ; do 122 | ROOTDIRS="$ROOTDIRS$SEP$dir" 123 | SEP="|" 124 | done 125 | OURCYGPATTERN="(^($ROOTDIRS))" 126 | # Add a user-defined pattern to the cygpath arguments 127 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then 128 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)" 129 | fi 130 | # Now convert the arguments - kludge to limit ourselves to /bin/sh 131 | i=0 132 | for arg in "$@" ; do 133 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -` 134 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option 135 | 136 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition 137 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"` 138 | else 139 | eval `echo args$i`="\"$arg\"" 140 | fi 141 | i=$((i+1)) 142 | done 143 | case $i in 144 | (0) set -- ;; 145 | (1) set -- "$args0" ;; 146 | (2) set -- "$args0" "$args1" ;; 147 | (3) set -- "$args0" "$args1" "$args2" ;; 148 | (4) set -- "$args0" "$args1" "$args2" "$args3" ;; 149 | (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;; 150 | (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;; 151 | (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;; 152 | (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;; 153 | (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;; 154 | esac 155 | fi 156 | 157 | # Split up the JVM_OPTS And GRADLE_OPTS values into an array, following the shell quoting and substitution rules 158 | function splitJvmOpts() { 159 | JVM_OPTS=("$@") 160 | } 161 | eval splitJvmOpts $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS 162 | JVM_OPTS[${#JVM_OPTS[*]}]="-Dorg.gradle.appname=$APP_BASE_NAME" 163 | 164 | exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@" 165 | -------------------------------------------------------------------------------- /gradlew.bat: -------------------------------------------------------------------------------- 1 | @if "%DEBUG%" == "" @echo off 2 | @rem ########################################################################## 3 | @rem 4 | @rem Gradle startup script for Windows 5 | @rem 6 | @rem ########################################################################## 7 | 8 | @rem Set local scope for the variables with windows NT shell 9 | if "%OS%"=="Windows_NT" setlocal 10 | 11 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 12 | set DEFAULT_JVM_OPTS= 13 | 14 | set DIRNAME=%~dp0 15 | if "%DIRNAME%" == "" set DIRNAME=. 16 | set APP_BASE_NAME=%~n0 17 | set APP_HOME=%DIRNAME% 18 | 19 | @rem Find java.exe 20 | if defined JAVA_HOME goto findJavaFromJavaHome 21 | 22 | set JAVA_EXE=java.exe 23 | %JAVA_EXE% -version >NUL 2>&1 24 | if "%ERRORLEVEL%" == "0" goto init 25 | 26 | echo. 27 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 28 | echo. 29 | echo Please set the JAVA_HOME variable in your environment to match the 30 | echo location of your Java installation. 31 | 32 | goto fail 33 | 34 | :findJavaFromJavaHome 35 | set JAVA_HOME=%JAVA_HOME:"=% 36 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe 37 | 38 | if exist "%JAVA_EXE%" goto init 39 | 40 | echo. 41 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 42 | echo. 43 | echo Please set the JAVA_HOME variable in your environment to match the 44 | echo location of your Java installation. 45 | 46 | goto fail 47 | 48 | :init 49 | @rem Get command-line arguments, handling Windowz variants 50 | 51 | if not "%OS%" == "Windows_NT" goto win9xME_args 52 | if "%@eval[2+2]" == "4" goto 4NT_args 53 | 54 | :win9xME_args 55 | @rem Slurp the command line arguments. 56 | set CMD_LINE_ARGS= 57 | set _SKIP=2 58 | 59 | :win9xME_args_slurp 60 | if "x%~1" == "x" goto execute 61 | 62 | set CMD_LINE_ARGS=%* 63 | goto execute 64 | 65 | :4NT_args 66 | @rem Get arguments from the 4NT Shell from JP Software 67 | set CMD_LINE_ARGS=%$ 68 | 69 | :execute 70 | @rem Setup the command line 71 | 72 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 73 | 74 | @rem Execute Gradle 75 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS% 76 | 77 | :end 78 | @rem End local scope for the variables with windows NT shell 79 | if "%ERRORLEVEL%"=="0" goto mainEnd 80 | 81 | :fail 82 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 83 | rem the _cmd.exe /c_ return code! 84 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 85 | exit /b 1 86 | 87 | :mainEnd 88 | if "%OS%"=="Windows_NT" endlocal 89 | 90 | :omega 91 | -------------------------------------------------------------------------------- /part1/build.gradle: -------------------------------------------------------------------------------- 1 | 2 | jar { 3 | baseName = 'spring-angular2-part1' 4 | version = "${version}" 5 | } 6 | -------------------------------------------------------------------------------- /part1/readme.md: -------------------------------------------------------------------------------- 1 | # Differences 2 | 3 | - use of gradle 4 | - use of angular from cdn 5 | - no jquery 6 | - use of material design: 7 | - config in js 8 | - md-toolbar 9 | - layout & layout-align 10 | - md-content 11 | - Single class per controller 12 | 13 | -------------------------------------------------------------------------------- /part1/src/main/java/net/eikehirsch/springangular/Application.java: -------------------------------------------------------------------------------- 1 | package net.eikehirsch.springangular; 2 | 3 | import org.springframework.boot.SpringApplication; 4 | import org.springframework.boot.autoconfigure.SpringBootApplication; 5 | 6 | @SpringBootApplication 7 | public class Application { 8 | 9 | public static void main(String[] args) { 10 | SpringApplication.run(Application.class, args); 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /part1/src/main/java/net/eikehirsch/springangular/api/GreetingController.java: -------------------------------------------------------------------------------- 1 | package net.eikehirsch.springangular.api; 2 | 3 | import org.springframework.web.bind.annotation.RequestMapping; 4 | import org.springframework.web.bind.annotation.RestController; 5 | 6 | import java.util.HashMap; 7 | import java.util.Map; 8 | import java.util.UUID; 9 | 10 | /** 11 | * @author Eike Hirsch 12 | * Date: 27.03.15 13 | * Time: 13:54 14 | */ 15 | @RestController 16 | public class GreetingController { 17 | 18 | @RequestMapping("/greeting") 19 | public Map home() { 20 | Map model = new HashMap<>(); 21 | model.put("id", UUID.randomUUID().toString()); 22 | model.put("content", "Hello World"); 23 | return model; 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /part1/src/main/resources/application.properties: -------------------------------------------------------------------------------- 1 | security.user.name=springboot 2 | security.user.password=angular2 -------------------------------------------------------------------------------- /part1/src/main/resources/static/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Hello AngularJS 5 | 6 | 7 | 12 | 13 | 14 | 15 | 16 |

Spring Boot & Angular2

17 | 18 | 19 |
20 |

The ID is {{greeting.id}}

21 |

The content is {{greeting.content}}

22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /part1/src/main/resources/static/js/hello.js: -------------------------------------------------------------------------------- 1 | angular 2 | .module('hello', ['ngMaterial']) 3 | .config(function($mdThemingProvider) { 4 | $mdThemingProvider.theme('default') 5 | .primaryPalette('blue') 6 | .accentPalette('orange'); 7 | }) 8 | .controller('home', function($scope, $http) { 9 | $http.get('/greeting/').success(function(data) { 10 | $scope.greeting = data; 11 | }) 12 | }); -------------------------------------------------------------------------------- /part1/src/test/java/net/eikehirsch/springangular/ApplicationTests.java: -------------------------------------------------------------------------------- 1 | package net.eikehirsch.springangular; 2 | 3 | import org.junit.Test; 4 | import org.junit.runner.RunWith; 5 | import org.springframework.test.context.web.WebAppConfiguration; 6 | import org.springframework.boot.test.SpringApplicationConfiguration; 7 | import org.springframework.test.context.junit4.SpringJUnit4ClassRunner; 8 | 9 | @RunWith(SpringJUnit4ClassRunner.class) 10 | @SpringApplicationConfiguration(classes = Application.class) 11 | @WebAppConfiguration 12 | public class ApplicationTests { 13 | 14 | @Test 15 | public void contextLoads() { 16 | } 17 | 18 | } 19 | -------------------------------------------------------------------------------- /part2/build.gradle: -------------------------------------------------------------------------------- 1 | 2 | jar { 3 | baseName = 'spring-angular2-part2' 4 | version = "${version}" 5 | } 6 | -------------------------------------------------------------------------------- /part2/readme.md: -------------------------------------------------------------------------------- 1 | # Differences 2 | 3 | - use of gradle 4 | - use of angular from cdn 5 | - no jquery 6 | - use of material design: 7 | - config in js 8 | - md-toolbar 9 | - layout & layout-align 10 | - md-content 11 | - Single class per controller 12 | - use of newRouter instead of ngRouter (todo) 13 | - material sideNavBar -------------------------------------------------------------------------------- /part2/src/main/java/net/eikehirsch/springangular/Application.java: -------------------------------------------------------------------------------- 1 | package net.eikehirsch.springangular; 2 | 3 | import net.eikehirsch.springangular.security.CsrfHeaderFilter; 4 | import org.springframework.boot.SpringApplication; 5 | import org.springframework.boot.autoconfigure.SpringBootApplication; 6 | import org.springframework.boot.autoconfigure.security.SecurityProperties; 7 | import org.springframework.context.annotation.Configuration; 8 | import org.springframework.core.annotation.Order; 9 | import org.springframework.security.config.annotation.web.builders.HttpSecurity; 10 | import org.springframework.security.config.annotation.web.configuration.WebSecurityConfigurerAdapter; 11 | import org.springframework.security.web.csrf.CsrfFilter; 12 | import org.springframework.security.web.csrf.CsrfTokenRepository; 13 | import org.springframework.security.web.csrf.HttpSessionCsrfTokenRepository; 14 | 15 | @SpringBootApplication 16 | public class Application { 17 | 18 | public static void main(String[] args) { 19 | SpringApplication.run(Application.class, args); 20 | } 21 | 22 | @Configuration 23 | @Order(SecurityProperties.ACCESS_OVERRIDE_ORDER) 24 | public static class SecurityConfig extends WebSecurityConfigurerAdapter { 25 | 26 | @Override 27 | protected void configure(HttpSecurity http) throws Exception { 28 | http 29 | .httpBasic().and() 30 | .logout().and() 31 | .authorizeRequests() 32 | .antMatchers("/index.html", "/home.html", "/login.html", "/").permitAll() 33 | .anyRequest().authenticated().and() 34 | .addFilterAfter( new CsrfHeaderFilter(), CsrfFilter.class) 35 | .csrf().csrfTokenRepository( csrfTokenRepository() ); 36 | } 37 | 38 | private CsrfTokenRepository csrfTokenRepository() { 39 | HttpSessionCsrfTokenRepository repository = new HttpSessionCsrfTokenRepository(); 40 | repository.setHeaderName("X-XSRF-TOKEN"); // this is the name angular uses by default. 41 | return repository; 42 | } 43 | } 44 | 45 | } 46 | -------------------------------------------------------------------------------- /part2/src/main/java/net/eikehirsch/springangular/api/GreetingController.java: -------------------------------------------------------------------------------- 1 | package net.eikehirsch.springangular.api; 2 | 3 | import org.springframework.web.bind.annotation.RequestMapping; 4 | import org.springframework.web.bind.annotation.RestController; 5 | 6 | import java.util.HashMap; 7 | import java.util.Map; 8 | import java.util.UUID; 9 | 10 | /** 11 | * @author Eike Hirsch 12 | * Date: 27.03.15 13 | * Time: 13:54 14 | */ 15 | @RestController 16 | public class GreetingController { 17 | 18 | @RequestMapping("/greeting") 19 | public Map home() { 20 | Map model = new HashMap<>(); 21 | model.put("id", UUID.randomUUID().toString()); 22 | model.put("content", "Hello World"); 23 | return model; 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /part2/src/main/java/net/eikehirsch/springangular/api/UserController.java: -------------------------------------------------------------------------------- 1 | package net.eikehirsch.springangular.api; 2 | 3 | import org.springframework.web.bind.annotation.RequestMapping; 4 | import org.springframework.web.bind.annotation.RestController; 5 | 6 | import java.security.Principal; 7 | 8 | /** 9 | * @author Eike Hirsch 10 | * Date: 27.03.15 11 | * Time: 13:54 12 | */ 13 | @RestController 14 | public class UserController { 15 | 16 | @RequestMapping("/user") 17 | public Principal user(Principal user) { 18 | return user; 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /part2/src/main/java/net/eikehirsch/springangular/security/CsrfHeaderFilter.java: -------------------------------------------------------------------------------- 1 | package net.eikehirsch.springangular.security; 2 | 3 | import org.springframework.security.web.csrf.CsrfToken; 4 | import org.springframework.web.filter.OncePerRequestFilter; 5 | import org.springframework.web.util.WebUtils; 6 | 7 | import javax.servlet.FilterChain; 8 | import javax.servlet.ServletException; 9 | import javax.servlet.http.Cookie; 10 | import javax.servlet.http.HttpServletRequest; 11 | import javax.servlet.http.HttpServletResponse; 12 | import java.io.IOException; 13 | 14 | /** 15 | * @author Eike Hirsch 16 | * Date: 30.03.15 17 | * Time: 10:50 18 | */ 19 | public class CsrfHeaderFilter extends OncePerRequestFilter { 20 | 21 | @Override 22 | protected void doFilterInternal(HttpServletRequest request, 23 | HttpServletResponse response, FilterChain filterChain) 24 | throws ServletException, IOException { 25 | CsrfToken csrf = (CsrfToken) request.getAttribute(CsrfToken.class.getName()); 26 | if (csrf != null) { 27 | Cookie cookie = WebUtils.getCookie(request, "XSRF-TOKEN"); 28 | String token = csrf.getToken(); 29 | if (cookie==null || token!=null && !token.equals(cookie.getValue())) { 30 | cookie = new Cookie("XSRF-TOKEN", token); 31 | cookie.setPath("/"); 32 | response.addCookie(cookie); 33 | } 34 | } 35 | filterChain.doFilter(request, response); 36 | } 37 | } 38 | -------------------------------------------------------------------------------- /part2/src/main/resources/application.properties: -------------------------------------------------------------------------------- 1 | security.user.name=springboot 2 | security.user.password=angular2 -------------------------------------------------------------------------------- /part2/src/main/resources/static/home.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |

The ID is {{greeting.id}}

4 |

The content is {{greeting.content}}

5 |
6 |
7 |

Login to see your greeting

8 |
9 |
10 | -------------------------------------------------------------------------------- /part2/src/main/resources/static/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Hello AngularJS 5 | 6 | 7 | 21 | 22 | 23 | 24 |
25 | 26 | 27 |

Spring Boot & Angular2

28 | 29 | 30 | 31 | 32 | 33 | Home 34 | 35 | 36 | 37 | 38 | Login 39 | 40 | 41 | 42 | 43 | Logout 44 | 45 | 46 | 47 | 48 | 49 |
50 | 51 |

Part II

52 | 53 | 54 |
55 | 56 |
57 |
58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | -------------------------------------------------------------------------------- /part2/src/main/resources/static/js/hello.js: -------------------------------------------------------------------------------- 1 | angular 2 | .module('hello', ['ngMaterial', 'ngRoute']) 3 | .config( function( 4 | $mdThemingProvider, 5 | $routeProvider, $httpProvider ) { 6 | 7 | // configuration of the routs 8 | $routeProvider.when('/', { 9 | templateUrl : 'home.html', 10 | controller : 'home' 11 | }).when('/login', { 12 | templateUrl : 'login.html', 13 | controller : 'navigation' 14 | }).otherwise('/'); 15 | $httpProvider.defaults.headers.common["X-Requested-With"] = 'XMLHttpRequest'; 16 | 17 | // configure the material theme 18 | $mdThemingProvider.theme('default') 19 | .primaryPalette('blue') 20 | .accentPalette('orange'); 21 | }) 22 | .controller('navigation', function($rootScope, $scope, $http, $location) { 23 | 24 | var authenticate = function(credentials, callback) { 25 | 26 | var headers = credentials ? { authorization : "Basic " 27 | + btoa(credentials.username + ":" + credentials.password) 28 | } : {}; 29 | 30 | $http.get('user', {headers : headers}).success(function(data) { 31 | if (data.name) { 32 | $rootScope.authenticated = true; 33 | } else { 34 | $rootScope.authenticated = false; 35 | } 36 | callback && callback(); 37 | }).error(function() { 38 | $rootScope.authenticated = false; 39 | callback && callback(); 40 | }); 41 | }; 42 | 43 | authenticate(); 44 | $scope.credentials = {}; 45 | $scope.login = function() { 46 | authenticate($scope.credentials, function() { 47 | if ($rootScope.authenticated) { 48 | $location.path("/"); 49 | $scope.error = false; 50 | } else { 51 | $location.path("/login"); 52 | $scope.error = true; 53 | } 54 | }); 55 | }; 56 | $scope.logout = function() { 57 | $http.post('logout', {}).success(function() { 58 | $rootScope.authenticated = false; 59 | $location.path("/"); 60 | }).error(function() { 61 | $rootScope.authenticated = false; 62 | }); 63 | } 64 | }) 65 | .controller('home', function($scope, $http) { 66 | $http.get('/greeting/').success(function(data) { 67 | $scope.greeting = data; 68 | }) 69 | }); -------------------------------------------------------------------------------- /part2/src/main/resources/static/login.html: -------------------------------------------------------------------------------- 1 |
Error during login. Check your credentials.
2 |
3 |
4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | Submit 14 |
-------------------------------------------------------------------------------- /part2/src/test/java/net/eikehirsch/springangular/ApplicationTests.java: -------------------------------------------------------------------------------- 1 | package net.eikehirsch.springangular; 2 | 3 | import org.junit.Test; 4 | import org.junit.runner.RunWith; 5 | import org.springframework.test.context.web.WebAppConfiguration; 6 | import org.springframework.boot.test.SpringApplicationConfiguration; 7 | import org.springframework.test.context.junit4.SpringJUnit4ClassRunner; 8 | 9 | @RunWith(SpringJUnit4ClassRunner.class) 10 | @SpringApplicationConfiguration(classes = Application.class) 11 | @WebAppConfiguration 12 | public class ApplicationTests { 13 | 14 | @Test 15 | public void contextLoads() { 16 | } 17 | 18 | } 19 | -------------------------------------------------------------------------------- /readme.md: -------------------------------------------------------------------------------- 1 | # Angular2, TypeScript, Spring Security and Spring Boot 2 | 3 | This is a reimplementation of the awesome blog series of [Dave Syer](https://spring.io/team/dsyer) in which he explains 4 | how to use Angular.js and Spring Security to build a modern webapp. 5 | The series consists of six parts: 6 | 7 | 1. [A Secure Single Page Application](http://spring.io/blog/2015/01/12/spring-and-angular-js-a-secure-single-page-application) 8 | 2. [The Login Page](http://spring.io/blog/2015/01/12/the-login-page-angular-js-and-spring-security-part-ii) 9 | 3. [The Resource Server](https://spring.io/blog/2015/01/20/the-resource-server-angular-js-and-spring-security-part-iii) 10 | 4. [The API Gateway Pattern](http://spring.io/blog/2015/01/28/the-api-gateway-pattern-angular-js-and-spring-security-part-iv) 11 | 5. [SSO with OAuth2](https://spring.io/blog/2015/02/03/sso-with-oauth2-angular-js-and-spring-security-part-v) 12 | 6. [Multiple UI Applications and a Gateway](https://spring.io/blog/2015/03/23/multiple-ui-applications-and-a-gateway-single-page-application-with-spring-and-angular-js-part-vi) 13 | 14 | ## Motivation 15 | 16 | I wanted to get my hands dirty with angular and spring boot. So I am going to implement the solution shown in the blog 17 | and change the client code to use [Angular 2](http://angular.io) (once it comes out of alpha), 18 | [Material Design](https://material.angularjs.org), [TypeScript](http://www.typescriptlang.org) and 19 | [Spring Boot](http://projects.spring.io/spring-boot/). 20 | And - as a side effect - I am constantly looking for a new technology stack to use for new projects at 21 | [smartsteuer](http://www.smartsteuer.de) where I happen to work. 22 | 23 | ## Feedback 24 | 25 | I am very interested in what you think. Am I using anything wrong or could it be done better/different? 26 | Do you have a question about this project? 27 | Just create a ticket. 28 | 29 | -------------------------------------------------------------------------------- /settings.gradle: -------------------------------------------------------------------------------- 1 | include 'part1' 2 | include 'part2' 3 | --------------------------------------------------------------------------------