` tags which use placeholders (identified by double-curly-braces). 89 | 90 | [source,html] 91 | ---- 92 |
The ID is {{greeting.id}}
93 |The content is {{greeting.content}}
94 | ---- 95 | 96 | The placeholders reference the `id` and `content` properties of the `greeting` model object which will be set upon successfully consuming the REST service. 97 | 98 | [[run]] 99 | == Run the client 100 | 101 | To run the client, you'll need to serve it from a web server to your browser. The Spring Boot CLI (Command Line Interface) includes an embedded Tomcat server, which offers a simple approach to serving web content. See {gs-spring-boot}[Building an Application with Spring Boot] for more information about installing and using the CLI. 102 | 103 | In order to serve static content from Spring Boot's embedded Tomcat server, you'll also need to create a minimal amount of web application code so that Spring Boot knows to start Tomcat. The following `app.groovy` script is sufficient for letting Spring Boot know that you want to run Tomcat: 104 | 105 | `app.groovy` 106 | [source,groovy] 107 | ---- 108 | include::complete/app.groovy[] 109 | ---- 110 | 111 | You can now run the app using the Spring Boot CLI: 112 | 113 | ---- 114 | spring run app.groovy 115 | ---- 116 | 117 | Once the app starts, open http://localhost:8080 in your browser, where you see: 118 | 119 | image::{images}/hello.png[Model data retrieved from the REST service is rendered into the DOM.] 120 | 121 | The ID value will increment each time you refresh the page. 122 | 123 | == Summary 124 | 125 | Congratulations! You've just developed an AngularJS client that consumes a Spring-based RESTful web service. 126 | 127 | == See Also 128 | 129 | The following guides may also be helpful: 130 | 131 | * https://spring.io/guides/gs/rest-service/[Building a RESTful Web Service] 132 | * https://spring.io/guides/gs/consuming-rest/[Consuming a RESTful Web Service] 133 | * https://spring.io/guides/gs/consuming-rest-jquery/[Consuming a RESTful Web Service with jQuery] 134 | * https://spring.io/guides/gs/consuming-rest-restjs/[Consuming a RESTful Web Service with rest.js] 135 | * https://spring.io/guides/gs/accessing-gemfire-data-rest/[Accessing GemFire Data with REST] 136 | * https://spring.io/guides/gs/accessing-mongodb-data-rest/[Accessing MongoDB Data with REST] 137 | * https://spring.io/guides/gs/accessing-data-mysql/[Accessing data with MySQL] 138 | * https://spring.io/guides/gs/accessing-data-rest/[Accessing JPA Data with REST] 139 | * https://spring.io/guides/gs/accessing-neo4j-data-rest/[Accessing Neo4j Data with REST] 140 | * https://spring.io/guides/gs/securing-web/[Securing a Web Application] 141 | * https://spring.io/guides/gs/spring-boot/[Building an Application with Spring Boot] 142 | * https://spring.io/guides/gs/testing-restdocs/[Creating API Documentation with Restdocs] 143 | * https://spring.io/guides/gs/rest-service-cors/[Enabling Cross Origin Requests for a RESTful Web Service] 144 | * https://spring.io/guides/gs/rest-hateoas/[Building a Hypermedia-Driven RESTful Web Service] 145 | 146 | include::https://raw.githubusercontent.com/spring-guides/getting-started-macros/main/footer.adoc[] 147 | -------------------------------------------------------------------------------- /ci/Dockerfile: -------------------------------------------------------------------------------- 1 | FROM adoptopenjdk/openjdk8:latest 2 | 3 | RUN apt-get update && apt-get install -y wget 4 | 5 | RUN apt-get clean \ 6 | && rm -rf /var/lib/apt/lists/* 7 | 8 | RUN wget https://repo.spring.io/release/org/springframework/boot/spring-boot-cli/2.5.0/spring-boot-cli-2.5.0-bin.tar.gz 9 | RUN tar xvfz spring-boot-cli-2.5.0-bin.tar.gz 10 | RUN cd /usr/local/bin && ln -s /spring-2.5.0/bin/spring . 11 | -------------------------------------------------------------------------------- /complete/app.groovy: -------------------------------------------------------------------------------- 1 | @Controller class JsApp { } -------------------------------------------------------------------------------- /complete/public/hello.js: -------------------------------------------------------------------------------- 1 | angular.module('demo', []) 2 | .controller('Hello', function($scope, $http) { 3 | $http.get('http://rest-service.guides.spring.io/greeting'). 4 | then(function(response) { 5 | $scope.greeting = response.data; 6 | }); 7 | }); 8 | -------------------------------------------------------------------------------- /complete/public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 |The ID is {{greeting.id}}
12 |The content is {{greeting.content}}
13 |The ID is {{greeting.id}}
12 |The content is {{greeting.content}}
13 |