https://github.com/vaadin-learning-center/flow-layout-app_layout-vaadin
How to use the Vaadin AppLayout
https://github.com/vaadin-learning-center/flow-layout-app_layout-vaadin
app-layout flow java ruppert sven vaadin
Last synced: 3 months ago
JSON representation
How to use the Vaadin AppLayout
- Host: GitHub
- URL: https://github.com/vaadin-learning-center/flow-layout-app_layout-vaadin
- Owner: vaadin-learning-center
- Created: 2019-04-02T13:32:32.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2019-08-29T11:57:39.000Z (almost 6 years ago)
- Last Synced: 2025-01-04T18:44:44.539Z (5 months ago)
- Topics: app-layout, flow, java, ruppert, sven, vaadin
- Language: Java
- Size: 43.9 KB
- Stars: 2
- Watchers: 2
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Flow Layout App-Layout Vaadin
This is the demo code for the tutorial
[https://vaadin.com/tutorials/app-layout/vaadin](https://vaadin.com/tutorials/app-layout/vaadin)
## Demo running on a local Docker
If you want to run this demo on your local machine, you can try out the
docker image that is provided.
To run this type:
```bash
docker pull vaadintutorials/flow-layout-app_layout-vaadin
docker run -p8899:8899 --name demo vaadintutorials/flow-layout-app_layout-vaadin
```
After the images/container started you can try this demo with your local browser
by calling the following URL [http://localhost:8899](http://localhost:8899)
### cleaning up after trying
After you used this docker image you can clean up your system with the following commands.
```bash
docker rm demo
docker image rm vaadintutorials/flow-layout-app_layout-vaadin
```
### building this Docker-image by yourself
If you want to build this docker image on your machine you can use the provided **Dockerfile**
```bash
docker build -t vaadintutorials/flow-layout-app_layout-vaadin .
```
## Demo running on Heroku
On Heroku you find a deployed version.
[https://flow-layout-app-layout-vaadin.herokuapp.com//](https://flow-layout-app-layout-vaadin.herokuapp.com/)
## How to build this locally?
If you want to build this demo check out the repository and invoke
the command: **mvn clean package -Dvaadin-install-nodejs**
Together with this demo,
you will find some jUnit5 Selenium UI Tests based on **[Testbench](https://vaadin.com/testbench)**
To get this running you need a license, or you can request a trial from [https://vaadin.com/trial](https://vaadin.com/trial)
To activate the Testbench tests during the maven build process set the environment variable **TESTBENCH** with the value **on**
With your IDE you can run every test without setting this variable.
## How to prepare a vaadin app for Heroku
To support the Heroku pipeline we need a few preparations.
1) the app must be able to get a configured port for the http port during the start up
1) add the shade plugin to create a fat jar
1) create the file **Procfile** and add the line
``web: java -jar target/vaadin-app.jar -port $PORT```
* **web** - to activate the web profile
* **-jar** - define what fat jar must be started
* **-port** make the dynamic associated port available for the app
1) add a file **settings.xml** to configure the maven build process