Creating applications with Grails, Angular JS and Spring Security
Álvaro Sánchez-Mariscal
Álvaro Sánchez-Mariscal Software Engineer Grails Development Team [email protected]
OCI is the new home of Grails More at ociweb.com/grails
Creating REST API’s with Grails
The REST Profile
• Targeted at building REST applications.
• REST Specific plugins and commands.
• No GSP, asset pipeline, UI plugins.
• JSON / Markup views instead.
The REST Profile
• Profile specific commands:
• create-domain-resource - creates an
@Resource domain
• create-restful-controller - creates a RestfulController
The REST Profile• Statically compiled, extensible JSON views:
json.person{name"bob"}
{"person":{"name":"bob"}}
Create the project
$ grails create-app -profile rest-api -features hibernate5,json-views todo
| Application created at /tmp/todo
Create a domain resource
$ grails create-domain-resource todo
| Created grails-app/domain/todo/Todo.groovy| Created src/test/groovy/todo/TodoSpec.groovy
REST Domain classpackage com.exampleimport grails.rest.Resource@Resource(uri = '/todos') class Todo { String description boolean completed}
Demo - REST API
Create a restful controller
$ grails create-restful-controller todo.Todo
| Created grails-app/controllers/todo/TodoController.groovy
RESTful Controllerpackage com.exampleimport grails.rest.RestfulControllerclass TodoController extends RestfulController { static responseFormats = ['json'] TodoController() { super(Todo) } def pending() { respond Todo.findAllByCompleted(false), view: 'index' } }
JSON Viewimport com.example.Todomodel { Todo todo} json { hal.links(todo) id todo.id description todo.description completed todo.completed}
Demo - JSON Views
Working with the Angular JS profile
The Angular JS Profile
• Extends the REST profile.
• Adds project setup for AngularJS.
• Code generation for AngularJS.
• Scaffolding available via plugin.
The Angular JS Profile• Profile specific commands:
• create-ng-controller
• create-ng-service
• create-ng-domain
• create-ng-directive
• create-ng-component
• create-ng-module
Create the project
$ grails create-app -profile angular -features hibernate5,json-views todo
| Application created at /tmp/todo
Scaffold all the things!
$ grails ng-generate-all todo.Todo
Demo - AngularJS scaffolding
Adding Security with Spring Security REST
Spring Security REST• Compatibility layer over Spring Security Core.
• Login and logout REST endpoints.
• Token validation filter.
• Stateless by default, with JWT (signed and encrypted)
• Memcached, Redis, GORM and Grails Cache token storages.
• Implicit grant support through 3rd party providers.
• RFC 6750 Bearer Token support.
Create the project
$ grails create-app -profile angular -features hibernate,json-views,security todo
| Application created at /tmp/todo
The interceptor
angular .module("todo") .factory('authInterceptor', function ($rootScope, $window) { return { request: function (config) { config.headers = config.headers || {}; if ($window.sessionStorage.token) { config.headers.Authorization = 'Bearer ' + $window.sessionStorage.token; } return config; } }; }) .config(function ($httpProvider) { $httpProvider.interceptors.push('authInterceptor'); }) .controller("TodoController", TodoController);
Demo - All together
Thank you!
Álvaro Sánchez-Mariscal