diff --git a/applications/deploy-app-cli.md b/applications/deploy-app-cli.md index 8dacd80e16..40bdccbd27 100644 --- a/applications/deploy-app-cli.md +++ b/applications/deploy-app-cli.md @@ -6,6 +6,7 @@ description = "Learn how to deploy containerized applications on a cluster, with keywords = ["deploy, application"] [menu.main] parent="mn_ucp_applications" +weight=10 +++ diff --git a/applications/deploy-app-ui.md b/applications/deploy-app-ui.md new file mode 100644 index 0000000000..4a555044ee --- /dev/null +++ b/applications/deploy-app-ui.md @@ -0,0 +1,91 @@ + + +# Deploy an app from the UI + +With Docker Universal Control Plane you can deploy applications from the +UI. You can define your application on the UI, or import an existing +docker-compose.yml file. + +In this example, we're going to deploy a WordPress application. + +## Deploy WordPress + +On your browser, **log in** to UCP, and navigate to the **Applications** page. +There, click the **Compose Application** button, to deploy a new application. + +![](../images/deploy-app-ui-1.png) + +The application WordPress application we're going to deploy is composed of +two services: + +* wordpress: The container that runs Apache, PHP, and WordPress. +* db: A MariaDB database used for data persistence. + + + +```yml +wordpress: + image: wordpress + links: + - db:mysql + ports: + - 8080:80 + +db: + image: mariadb + environment: + MYSQL_ROOT_PASSWORD: example +``` + +Copy-paste the application definition to UCP, and name it 'wordpress'. +You can also upload a docker-compose.yml file from your machine, by clicking on +the 'Upload an existing docker-compose.yml' link. + +![](../images/deploy-app-ui-2.png) + +Click the **Create** button, to create the WordPress application. + +Docker UCP deployed the WordPress application to the cluster. You can +**click on the wordpress_wordpress_1** container, to see its details. + +![](../images/deploy-app-ui-3.png) + +In the container details page, search for the **Ports** the container is +exposing. + +![](../images/deploy-app-ui-4.png) + +In this example, WordPress can be accessed at `192.168.99.106:8080`. +Navigate to this address in your browser, to start using the WordPress app you +just deployed. + +![](../images/deploy-app-ui-5.png) + + +## Limitations + +There are some limitations when deploying application on the UI. The following +Docker Compose keywords are not supported: + +* build +* dockerfile +* env_file + +![](../images/deploy-app-ui-6.png) + +To overcome these limitations, you can +[deploy your apps from the CLI](deploy-app-cli.md). + + +## Where to go next + +* [Deploy an app from the CLI](deploy-app-cli.md) diff --git a/images/deploy-app-ui-1.png b/images/deploy-app-ui-1.png new file mode 100644 index 0000000000..b6d8d104e3 Binary files /dev/null and b/images/deploy-app-ui-1.png differ diff --git a/images/deploy-app-ui-2.png b/images/deploy-app-ui-2.png new file mode 100644 index 0000000000..cef96f8697 Binary files /dev/null and b/images/deploy-app-ui-2.png differ diff --git a/images/deploy-app-ui-3.png b/images/deploy-app-ui-3.png new file mode 100644 index 0000000000..8fbc068320 Binary files /dev/null and b/images/deploy-app-ui-3.png differ diff --git a/images/deploy-app-ui-4.png b/images/deploy-app-ui-4.png new file mode 100644 index 0000000000..dd633d3d4d Binary files /dev/null and b/images/deploy-app-ui-4.png differ diff --git a/images/deploy-app-ui-5.png b/images/deploy-app-ui-5.png new file mode 100644 index 0000000000..ec2cf58a72 Binary files /dev/null and b/images/deploy-app-ui-5.png differ diff --git a/images/deploy-app-ui-6.png b/images/deploy-app-ui-6.png new file mode 100644 index 0000000000..ddde9be9f5 Binary files /dev/null and b/images/deploy-app-ui-6.png differ