|
|
|
|
1
|
# Spring Boot, Ionic, and Stormpath
|
1
|
# Spring Boot, Ionic, and Stormpath
|
2
|
|
2
|
|
3
|
-This tutorial shows how to build a secure Spring Boot API with Stormpath. It also shows how to build an Ionic app that securely connects to this API and can be deployed to a mobile device.
|
|
|
|
|
3
|
+<style type="text/css">
|
|
|
4
|
+.highlight-source-java, .highlight-source-ts, .highlight-text-html-basic {
|
|
|
5
|
+ display: none
|
|
|
6
|
+}
|
|
|
7
|
+</style>
|
|
|
8
|
+
|
|
|
9
|
+This demo script shows Matt's IntelliJ Live Template shortcuts to build an Ionic and Spring Boot app.
|
4
|
|
10
|
|
5
|
**Prerequisites**: Java 8, Node.js, Maven, a [Stormpath Account](https://api.stormpath.com/register), and an `apiKey.properties` file in `~/stormpath/`.
|
11
|
**Prerequisites**: Java 8, Node.js, Maven, a [Stormpath Account](https://api.stormpath.com/register), and an `apiKey.properties` file in `~/stormpath/`.
|
6
|
|
12
|
|
|
|
|
|
9
|
Create your Spring Boot API project using [start.spring.io](https://start.spring.io).
|
15
|
Create your Spring Boot API project using [start.spring.io](https://start.spring.io).
|
10
|
|
16
|
|
11
|
```
|
17
|
```
|
12
|
-http https://start.spring.io/starter.zip \
|
|
|
|
|
18
|
+http https://start.spring.io/starter.zip \/
|
13
|
dependencies==data-jpa,data-rest,h2,web,devtools,security,stormpath -d
|
19
|
dependencies==data-jpa,data-rest,h2,web,devtools,security,stormpath -d
|
14
|
```
|
20
|
```
|
15
|
|
21
|
|
|
|
|
|
811
|
|
817
|
|
812
|
After making these additions, you should be able to add, edit and delete beers.
|
818
|
After making these additions, you should be able to add, edit and delete beers.
|
813
|
|
819
|
|
814
|
-<p align="center">
|
|
|
815
|
-<img src="./static/beer-modal.png" width="350">
|
|
|
816
|
-<img src="./static/beer-delete.png" width="350">
|
|
|
817
|
-</div>
|
|
|
818
|
-
|
|
|
819
|
## PWAs with Ionic
|
820
|
## PWAs with Ionic
|
820
|
|
821
|
|
821
|
-Ionic 2 ships with support for creating progressive web apps (PWAs). If you’d like to learn more about what PWAs are, see [Navigating the World of Progressive Web Apps with Ionic 2](http://blog.ionic.io/navigating-the-world-of-progressive-web-apps-with-ionic-2/).
|
|
|
822
|
-
|
|
|
823
|
-If you run the [Lighthouse Chrome extension](https://developers.google.com/web/tools/lighthouse/) on this application, you’ll get a mediocre score (54/100).
|
|
|
|
|
822
|
+Ionic 2 ships with support for creating progressive web apps (PWAs). Run the [Lighthouse Chrome extension](https://developers.google.com/web/tools/lighthouse/) on this application.
|
824
|
|
823
|
|
825
|
To register a service worker, and improve the app’s score, uncomment the following block in `index.html`.
|
824
|
To register a service worker, and improve the app’s score, uncomment the following block in `index.html`.
|
826
|
|
825
|
|