diff --git a/content/en/docs/project-user-guide/application/compose-app.md b/content/en/docs/project-user-guide/application/compose-app.md index 5982765c7..e4bd9c27b 100644 --- a/content/en/docs/project-user-guide/application/compose-app.md +++ b/content/en/docs/project-user-guide/application/compose-app.md @@ -17,9 +17,7 @@ This tutorial demonstrates how to create a microservices-based app Bookinfo, whi ## Create Microservices that Compose an App -1. Log in to the web console of KubeSphere and navigate to **Applications** in **Application Workloads** of your project. In the **Composing App** tab, click **Create Composing Application**. - - ![create-composing-app](/images/docs/project-user-guide/applications/create-a-microservices-based-app/create-composing-app.png) +1. Log in to the web console of KubeSphere and navigate to **Apps** in **Application Workloads** of your project. On the **Composing Apps** tab, click **Create Composing App**. 2. Set a name for the app (e.g. `bookinfo`) and click **Next**. @@ -27,21 +25,17 @@ This tutorial demonstrates how to create a microservices-based app Bookinfo, whi 4. Set a name for the Service (e.g `productpage`) and click **Next**. - ![product-page](/images/docs/project-user-guide/applications/create-a-microservices-based-app/product-page.png) - {{< notice note >}} You can create a Service on the dashboard directly or enable **Edit Mode** in the top right corner to edit the YAML file. {{}} -5. Click **Add Container Image** under **Container Image** and input `kubesphere/examples-bookinfo-productpage-v1:1.13.0` in the search bar to use the Docker Hub image. - - ![container-image](/images/docs/project-user-guide/applications/create-a-microservices-based-app/container-image.png) +5. Click **Add Container Image** under **Container Image** and enter `kubesphere/examples-bookinfo-productpage-v1:1.13.0` in the search bar to use the Docker Hub image. {{< notice note >}} - You must press **Enter** in your keyboard after you input the image name. + You must press **Enter** in your keyboard after you enter the image name. {{}} @@ -61,9 +55,7 @@ This tutorial demonstrates how to create a microservices-based app Bookinfo, whi 10. When you finish adding microservices, click **Next**. - ![microservices-done](/images/docs/project-user-guide/applications/create-a-microservices-based-app/microservices-done.png) - -11. On the **Internet Access** page, click **Add Route Rule**. In the **Specify Domain** tab, set a domain name for your app (e.g. `demo.bookinfo`) and select `http` in the **Protocol** field. For `Paths`, select the Service `productpage` and port `9080`. Click **OK** to continue. +11. On the **Internet Access** page, click **Add Route Rule**. On the **Specify Domain** tab, set a domain name for your app (e.g. `demo.bookinfo`) and select `http` in the **Protocol** field. For `Paths`, select the Service `productpage` and port `9080`. Click **OK** to continue. ![route](/images/docs/project-user-guide/applications/create-a-microservices-based-app/route.png) @@ -77,7 +69,6 @@ The button **Add Route Rule** is not visible if the project gateway is not set. 13. Wait for your app to reach the **Ready** status. - ![status-active](/images/docs/project-user-guide/applications/create-a-microservices-based-app/status-active.png) ## Access the App @@ -93,7 +84,7 @@ The button **Add Route Rule** is not visible if the project gateway is not set. {{}} -2. In **Composing App**, click the app you just created. +2. In **Composing Apps**, click the app you just created. 3. In **Application Components**, click **Click to visit** to access the app. diff --git a/content/zh/docs/project-user-guide/application/compose-app.md b/content/zh/docs/project-user-guide/application/compose-app.md index 436c7eac3..721763eca 100644 --- a/content/zh/docs/project-user-guide/application/compose-app.md +++ b/content/zh/docs/project-user-guide/application/compose-app.md @@ -19,16 +19,12 @@ weight: 10140 1. 登录 KubeSphere 的 Web 控制台，导航到项目**应用负载**中的**应用**。在**自制应用**选项卡中，点击**构建自制应用**。 - ![create-composing-app](/images/docs/zh-cn/project-user-guide/applications/create-a-microservices-based-app/create-composing-app.png) - 2. 设置应用名称（例如 `bookinfo`）并点击**下一步**。 3. 在**服务组件**页面，您需要构建自制应用的微服务。点击**添加服务**，选择**无状态服务**。 4. 设置服务名称（例如 `productpage`）并点击**下一步**。 - ![product-page](/images/docs/zh-cn/project-user-guide/applications/create-a-microservices-based-app/product-page.png) - {{< notice note >}} 您可以直接在面板上创建服务，或者启用右上角的**编辑模式**以编辑 YAML 文件。 @@ -37,8 +33,6 @@ weight: 10140 5. 点击**容器镜像**下的**添加容器镜像**，在搜索栏中输入 `kubesphere/examples-bookinfo-productpage-v1:1.13.0` 以使用 Docker Hub 镜像。 - ![container-image](/images/docs/zh-cn/project-user-guide/applications/create-a-microservices-based-app/container-image.png) - {{< notice note >}} 输入镜像名称之后，必须按下键盘上的**回车**键。 @@ -61,8 +55,6 @@ weight: 10140 10. 添加微服务完成后，点击**下一步**。 - ![microservices-done](/images/docs/zh-cn/project-user-guide/applications/create-a-microservices-based-app/microservices-done.png) - 11. 在**外网访问**页面，点击**添加路由规则**。在**指定域名**选项卡中，为您的应用设置域名（例如 `demo.bookinfo`）并在**协议**字段选择 `http`。在`路径`一栏，选择服务 `productpage` 以及端口 `9080`。点击**确定**以继续操作。 ![route](/images/docs/zh-cn/project-user-guide/applications/create-a-microservices-based-app/route.png) @@ -77,7 +69,6 @@ weight: 10140 13. 等待应用达到**就绪**状态。 - ![status-active](/images/docs/zh-cn/project-user-guide/applications/create-a-microservices-based-app/status-active.png) ## 访问应用 diff --git a/static/images/docs/project-user-guide/applications/create-a-microservices-based-app/container-image.png b/static/images/docs/project-user-guide/applications/create-a-microservices-based-app/container-image.png deleted file mode 100644 index 2e03b48de..000000000 Binary files a/static/images/docs/project-user-guide/applications/create-a-microservices-based-app/container-image.png and /dev/null differ diff --git a/static/images/docs/project-user-guide/applications/create-a-microservices-based-app/create-composing-app.png b/static/images/docs/project-user-guide/applications/create-a-microservices-based-app/create-composing-app.png deleted file mode 100644 index b6df826e5..000000000 Binary files a/static/images/docs/project-user-guide/applications/create-a-microservices-based-app/create-composing-app.png and /dev/null differ diff --git a/static/images/docs/project-user-guide/applications/create-a-microservices-based-app/microservices-done.png b/static/images/docs/project-user-guide/applications/create-a-microservices-based-app/microservices-done.png deleted file mode 100644 index 91a17e925..000000000 Binary files a/static/images/docs/project-user-guide/applications/create-a-microservices-based-app/microservices-done.png and /dev/null differ diff --git a/static/images/docs/project-user-guide/applications/create-a-microservices-based-app/product-page.png b/static/images/docs/project-user-guide/applications/create-a-microservices-based-app/product-page.png deleted file mode 100644 index 5d10b5ae3..000000000 Binary files a/static/images/docs/project-user-guide/applications/create-a-microservices-based-app/product-page.png and /dev/null differ diff --git a/static/images/docs/project-user-guide/applications/create-a-microservices-based-app/status-active.png b/static/images/docs/project-user-guide/applications/create-a-microservices-based-app/status-active.png deleted file mode 100644 index aa1e38edd..000000000 Binary files a/static/images/docs/project-user-guide/applications/create-a-microservices-based-app/status-active.png and /dev/null differ diff --git a/static/images/docs/zh-cn/project-user-guide/applications/create-a-microservices-based-app/container-image.png b/static/images/docs/zh-cn/project-user-guide/applications/create-a-microservices-based-app/container-image.png deleted file mode 100644 index 46d7deece..000000000 Binary files a/static/images/docs/zh-cn/project-user-guide/applications/create-a-microservices-based-app/container-image.png and /dev/null differ diff --git a/static/images/docs/zh-cn/project-user-guide/applications/create-a-microservices-based-app/create-composing-app.png b/static/images/docs/zh-cn/project-user-guide/applications/create-a-microservices-based-app/create-composing-app.png deleted file mode 100644 index 1e3195ab0..000000000 Binary files a/static/images/docs/zh-cn/project-user-guide/applications/create-a-microservices-based-app/create-composing-app.png and /dev/null differ diff --git a/static/images/docs/zh-cn/project-user-guide/applications/create-a-microservices-based-app/microservices-done.png b/static/images/docs/zh-cn/project-user-guide/applications/create-a-microservices-based-app/microservices-done.png deleted file mode 100644 index 475b030d2..000000000 Binary files a/static/images/docs/zh-cn/project-user-guide/applications/create-a-microservices-based-app/microservices-done.png and /dev/null differ diff --git a/static/images/docs/zh-cn/project-user-guide/applications/create-a-microservices-based-app/product-page.png b/static/images/docs/zh-cn/project-user-guide/applications/create-a-microservices-based-app/product-page.png deleted file mode 100644 index 127ad1fdc..000000000 Binary files a/static/images/docs/zh-cn/project-user-guide/applications/create-a-microservices-based-app/product-page.png and /dev/null differ diff --git a/static/images/docs/zh-cn/project-user-guide/applications/create-a-microservices-based-app/status-active.png b/static/images/docs/zh-cn/project-user-guide/applications/create-a-microservices-based-app/status-active.png deleted file mode 100644 index 656a6dc67..000000000 Binary files a/static/images/docs/zh-cn/project-user-guide/applications/create-a-microservices-based-app/status-active.png and /dev/null differ