wordpress-doc-zh reviewed (#1187)

* wordpress-doc-zh reviewed

Signed-off-by: adakisme <serenashe@yunify.com>

* wordpress zh modified

Signed-off-by: adakisme <serenashe@yunify.com>

* Update wordpress-deployment.md

Co-authored-by: Sherlock113 <65327072+Sherlock113@users.noreply.github.com>
This commit is contained in:
serenashe 2021-03-16 13:50:46 +08:00 committed by GitHub
parent 2710ba28c6
commit 8a5788a515
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
33 changed files with 82 additions and 83 deletions

View File

@ -1,192 +1,191 @@
---
title: "创建并部署 WordPress"
keywords: 'KubeSphere, Kubernetes, app, WordPress'
description: '创建并部署 WordPress.'
keywords: 'KubeSphere, Kubernetes, 应用, WordPress'
description: '创建并部署 WordPress。'
linkTitle: "创建并部署 WordPress"
weight: 2500
---
## WordPress 简介
WordPress 是使用 PHP 语言开发的内容管理系统软件,用户可以在支持 PHP 和 MySQL 数据库的服务器上使用自己的博客,一个完整的 WordPress 应用程序包括以下 Kubernetes 对象。
WordPress(使用 PHP 语言编写)是免费、开源的内容管理系统,用户可以使用 WordPress 搭建自己的网站。完整的 WordPress 应用程序包括以下 Kubernetes 对象,由 MySQL 作为后端数据库
![WordPress](/images/docs/quickstart/WordPress-1.png)
![WordPress](/images/docs/zh-cn/quickstart/wordpress-deployment/WordPress.png)
## 目的
本教程演示如何在 KubeSphere 中创建应用程序(以 WordPress 为例)并在集群外访问
本教程演示如何在 KubeSphere 中创建应用程序(以 WordPress 为例)并在集群外进行访问。
## 准备工作
需要一个`project regular`帐户,并在其中一个项目中分配角色`operator`(该用户已被邀请参加该项目)。有关详细信息,请参见[创建企业空间、项目、帐户和角色](../create-workspace-and-project/)。
您需要准备一个 `project regular` 帐户,并在一个项目中赋予该帐户 `operator` 角色(该用户已被邀请参加该项目)。有关更多信息,请参见[创建企业空间、项目、帐户和角色](../create-workspace-and-project/)。
## 预计操作时间
大约 15 分钟。
## 动手操作
## 动手实验
### 任务 1创建密钥
### 步骤 1创建密钥
#### 创建 MySQL 密钥
环境变量`WORDPRESS_DB_PASSWORD`是连接到 WordPress 数据库的密码。在这一步中,您需要创建一个密钥来保存将在 MySQL Pod 模板中使用的环境变量。
环境变量 `WORDPRESS_DB_PASSWORD` 是连接到 WordPress 数据库的密码。在此步骤中,您需要创建一个密钥来保存将在 MySQL Pod 模板中使用的环境变量。
1. 使用`project-regular`帐户登录 KubeSphere 控制台,转到`demo-project`的详细页面并导航到**配置**,在**密钥**中,单击右侧的**创建**。
1. 使用 `project-regular` 帐户登录 KubeSphere 控制台,访问 `demo-project` 的详情页并导航到**配置中心**。在**密钥**中,点击右侧的**创建**。
![create-secret](/images/docs/quickstart/create-secret.png)
![create-secret](/images/docs/zh-cn/quickstart/wordpress-deployment/create-secret.png)
2. 输入基本信息(例如,将其命名为`mysql-secret`),然后单击**下一步**。在下一页中,选择**类型**为**默认**,然后单击**添加数据**来添加一个键值对。输入键Key`MYSQL_ROOT_PASSWORD`和值Value`123456`单击右下角`√`的确认按钮,完成后,单击 **创建** 按钮并继续.
2. 输入基本信息(例如,将其命名为 `mysql-secret`)并点击**下一步**。在下一页中,选择**类型**为**默认**,然后点击**添加数据**来添加键值对。输入如下所示的键 (Key) `MYSQL_ROOT_PASSWORD` 和值 (Value) `123456`,点击右下角 **√** 进行确认。完成后,点击**创建**按钮以继续。
![key-value](/images/docs/quickstart/key-value.png)
![key-value](/images/docs/zh-cn/quickstart/wordpress-deployment/key-value.png)
#### 创建 WordPress 密钥
按照上面创建 MySQL 密钥相同的步骤创建一个名字为`wordpress-secret`的密钥输入键Key`WORDPRESS_DB_PASSWORD`和值Value`123456`创建的密钥显示在列表中,如下所示:
按照以上相同的步骤创建一个名为 `wordpress-secret` 的 WordPress 密钥,输入键 (Key) `WORDPRESS_DB_PASSWORD` 和值 (Value) `123456`创建的密钥显示在列表中,如下所示:
![wordpress-secrets](/images/docs/quickstart/wordpress-secrets.png)
![wordpress-secrets](/images/docs/zh-cn/quickstart/wordpress-deployment/wordpress-secrets.png)
### 任务 2创建存储卷
### 步骤 2创建存储卷
1. 点击**存储管理**下面的**存储卷**并单击**创建**。
1. 访问**存储管理**下的**存储卷**,点击**创建**。
![create-volume](/images/docs/quickstart/create-volume.png)
![volumes](/images/docs/zh-cn/quickstart/wordpress-deployment/volumes.png)
2. 输入卷的基本信息(例如,将其命名为`wordpress-pvc`),然后单击**下一步**。
2. 输入卷的基本信息(例如,将其命名为 `wordpress-pvc`),然后点击**下一步**。
3. 在**存储卷设置**,需要选择一个可用的**存储类型**,并设置**访问模式**和**存储卷容量**。您可以直接使用默认值,如下所示,单击**下一步**继续。
3. 在**存储卷设置**,需要选择一个可用的**存储类型**,并设置**访问模式**和**存储卷容量**。您可以直接使用如下所示的默认值,点击**下一步**继续。
![volume-settings](/images/docs/quickstart/volume-settings.png)
![volume-settings](/images/docs/zh-cn/quickstart/wordpress-deployment/volume-settings.png)
4. 对于**高级设置**不需要为当前操作设置额外的配置,单击**创建**即可完成
4. 对于**高级设置**您无需为当前步骤添加额外的配置,点击**创建**完成即可
### 任务 3创建应用程序
### 步骤 3创建应用程序
#### 添加 MySQL 后端组件
1. 导航到**应用负载**下的**应用**,选择**自制应用**然后单击**构建自制应用**。
1. 导航到**应用负载**下的**应用**,选择**自制应用**,再点击**构建自制应用**。
![add-mysql-backend-component](/images/docs/quickstart/add-mysql-backend-component.png)
![composing-app](/images/docs/zh-cn/quickstart/wordpress-deployment/composing-app.png)
2. 输入基本信息(例如在应用程序名称中输入`wordpress`),然后单击**下一步**。
2. 输入基本信息(例如,在应用名称一栏输入 `wordpress`),然后点击**下一步**。
![basic-info](/images/docs/quickstart/basic-info.png)
![basic-info](/images/docs/zh-cn/quickstart/wordpress-deployment/basic-info.png)
3. 在**服务组件**中,单击**添加服务**在应用程序中设置组件。
3. 在**服务组件**中,点击**添加服务**以在应用中设置组件。
![add-service](/images/docs/quickstart/add-service.png)
![add-service](/images/docs/zh-cn/quickstart/wordpress-deployment/add-service.png)
4. 设置组件的服务类型为有状态服务。
4. 设置组件的服务类型为**有状态服务**
5. 输入有状态服务的名称(例如 **mysql**,然后单击**下一步**。
5. 输入有状态服务的名称(例如 **mysql**并点击**下一步**。
![mysql-name](/images/docs/quickstart/mysql-name.png)
![mysqlname](/images/docs/zh-cn/quickstart/wordpress-deployment/mysqlname.png)
6. 在**容器镜像**中,击**添加容器镜像**。
6. 在**容器镜像**中,击**添加容器镜像**。
![container-image](/images/docs/quickstart/container-image.png)
![container-image](/images/docs/zh-cn/quickstart/wordpress-deployment/container-image.png)
7. 在镜像搜索框中输入`mysql:5.6`,单击**回车键**然后单击**使用默认端口**。配置还没有设置完成,请您不要点击右下角的`√`按钮。
7. 在搜索框中输入 `mysql:5.6`,按下**回车键**,然后点击**使用默认端口**。由于配置还未设置完成,请不要点击右下角的 **√** 按钮。
![container-image-mysql](/images/docs/quickstart/container-image-mysql.png)
![add-container](/images/docs/zh-cn/quickstart/wordpress-deployment/add-container.png)
{{< notice note >}}
在**高级设置**中,请确保内存限制不小于 1000 Mi否则 MySQL 可能因内存不足而无法启动。
在**高级设置**中,请确保内存限制不小于 1000 Mi否则 MySQL 可能因内存不足而无法启动。
{{</ notice >}}
8. 向下滚动到**环境变量**然后单击**引用配置文件或密匙**。输入名称`MYSQL_ROOT_PASSWORD`,然后选择资源`mysql-secret`和前面步骤中创建的密钥`MYSQL_ROOT_PASSWORD`,完成后单击`√`保存配置,最后单击**下一步**继续。
8. 向下滚动到**环境变量**,点击**引用配置文件或密匙**。输入名称 `MYSQL_ROOT_PASSWORD`,然后选择资源 `mysql-secret` 和前面步骤中创建的密钥 `MYSQL_ROOT_PASSWORD`,完成后点击 **√** 保存配置,最后点击**下一步**继续。
![environment-var](/images/docs/quickstart/environment-var.png)
![environment-var](/images/docs/zh-cn/quickstart/wordpress-deployment/environment-var.png)
9. 选择**挂载存储**中的**添加存储卷**,输入**存储卷名称**`mysql`)和**存储类型**(类型`读写`,路径:`/var/lib/mysql`)的值,如下所示:
9. 选择**挂载存储**中的**添加存储卷模板**,输入**存储卷名称** (`mysql`) 和**挂载路径**(模式`读写`,路径:`/var/lib/mysql`)的值,如下所示:
![volume-template](/images/docs/quickstart/volume-template.png)
![volume-template](/images/docs/zh-cn/quickstart/wordpress-deployment/volume-template.png)
完成后单击`√`保存设置并单击**下一步**继续。
完成后,点击 **√** 保存设置并点击**下一步**继续。
10. 在**高级设置**中,不需要设置,您可以直接点击**添加**,也可以根据需要选择其他选项。
10. 在**高级设置**中,可以直接点击**添加**,也可以按需选择其他选项。
![advanced-setting](/images/docs/quickstart/advanced-setting.png)
![advanced-setting](/images/docs/zh-cn/quickstart/wordpress-deployment/advanced-setting.png)
11. 现在,您添加了 MySQL 组件,如下所示:
11. 现在MySQL 组件已经添加完成,如下所示:
![mysql-done](/images/docs/quickstart/mysql-done.png)
![mysql-finished](/images/docs/zh-cn/quickstart/wordpress-deployment/mysql-finished.png)
#### 添加 WordPress 前端组件
12. 点击**添加服务**选择**无状态服务**输入名称`wordpress`然后单击**下一步**。
12. 再次点击**添加服务**,这一次选择**无状态服务**。输入名称 `wordpress` 并点击**下一步**。
![add-wordPress-frontend-component](/images/docs/quickstart/add-wordPress-frontend-component.png)
![name-wordpress](/images/docs/zh-cn/quickstart/wordpress-deployment/name-wordpress.png)
13. 与上述步骤类似,单击**添加容器镜像**,在搜索框中输入`wordpress:4.8-apache`镜像,按**回车**,然后单击**使用默认端口**。
13. 与上述步骤类似,点击**添加容器镜像**,在搜索栏中输入 `wordpress:4.8-apache` 并按下**回车键**,然后点击**使用默认端口**。
![container-image-wordpress](/images/docs/quickstart/container-image-wordpress.png)
![container-image-page](/images/docs/zh-cn/quickstart/wordpress-deployment/container-image-page.png)
14. 向下滚动到**环境变量**然后单击**引用配置文件或密匙**,这里需要添加两个环境变量。根据下面的屏幕截图输入值。
14. 向下滚动到**环境变量**,点击**引用配置文件或密匙**。这里需要添加两个环境变量,请根据以下截图输入值:
- 对于`WORDPRESS_DB_PASSWORD`,请选择在任务 1 中创建的`wordpress-secret`和`WORDPRESS_DB_PASSWORD`
- 单击**添加环境变量**,输入`WORDPRESS_DB_HOST`和`mysql`作为作为键Key和值Value
- 对于 `WORDPRESS_DB_PASSWORD`,请选择在步骤 1 中创建的 `wordpress-secret``WORDPRESS_DB_PASSWORD`
- 点击**添加环境变量**,分别输入 `WORDPRESS_DB_HOST``mysql` 作为键 (Key) 和值 (Value)
{{< notice warning >}}
对于此处添加的第二个环境变量,该值必须与步骤 5 中创建 MySQL 有状态服务设置的名称完全相同。否则WordPress 将无法连接到 MySQL 对应的数据库。
对于此处添加的第二个环境变量,该值必须与步骤 5 中创建 MySQL 有状态服务设置的名称完全相同。否则WordPress 将无法连接到 MySQL 对应的数据库。
{{</ notice >}}
![environment-varss](/images/docs/quickstart/environment-varss.png)
![environment-varss](/images/docs/zh-cn/quickstart/wordpress-deployment/environment-varss.png)
单击`√`保存配置,单击**下一步**继续。
点击 **√** 保存配置,再点击**下一步**继续。
15. 在**挂载存储**设置中,单击**添加存储卷**然后单击**选择已有存储卷**。
15. 在**挂载存储**中,点击**添加存储卷**,并**选择已有存储卷**。
![volume-template-wordpress](/images/docs/quickstart/volume-template-wordpress.png)
![add-volume-page](/images/docs/zh-cn/quickstart/wordpress-deployment/add-volume-page.png)
![choose-existing](/images/docs/quickstart/choose-existing.png)
![choose-existing-volume](/images/docs/zh-cn/quickstart/wordpress-deployment/choose-existing-volume.png)
16. 选择上一步创建的`wordpress-pvc`,将模式设置为`读写`,并输入装载路径`/var/www/html`。单击`√`保存并单击**下一步**继续。
16. 选择上一步创建的 `wordpress-pvc`,将模式设置为`读写`,并输入挂载路径 `/var/www/html`。点击 **√** 保存,再点击**下一步**继续。
![choose-existing-volume](/images/docs/quickstart/choose-existing-volume.png)
![mount-volume-page](/images/docs/zh-cn/quickstart/wordpress-deployment/mount-volume-page.png)
17. 在**高级设置**中,可以直接点击**添加**创建服务,也可以根据需要选择其他选项。
17. 在**高级设置**中,可以直接点击**添加**创建服务,也可以按需选择其他选项。
![advanced-settings-wordpress](/images/docs/quickstart/advanced-settings-wordpress.png)
![advanced](/images/docs/zh-cn/quickstart/wordpress-deployment/advanced.png)
18. 现在也设置了前端组件,单击**下一步**继续。
18. 现在,前端组件也已设置完成。点击**下一步**继续。
![two-components-done](/images/docs/quickstart/two-components-done.png)
![components-finished](/images/docs/zh-cn/quickstart/wordpress-deployment/components-finished.png)
19. 您可以在这里设置路由规则(入口),也可以直接单击**创建**来创建应用程序
19. 您可以在这里设置路由规则(应用路由 Ingress也可以直接点击**创建**
![ingress](/images/docs/quickstart/ingress.png)
![ingress-create](/images/docs/zh-cn/quickstart/wordpress-deployment/ingress-create.png)
20. 创建后,应用程序将显示在下面的列表中。
20. 创建后,应用将显示在下面的列表中。
![create](/images/docs/quickstart/create.png)
![application-created](/images/docs/zh-cn/quickstart/wordpress-deployment/application-created.png)
### 任务 4验证资源
### 步骤 4验证资源
在**工作负载**中,分别检查**部署**和**有状态副本集**中的`wordpress-v1`和`mysql-v1`的状态。如果他们运行如下图所示,这意味着 WordPress 已经成功创建。
在**工作负载**中,分别检查**部署**和**有状态副本集**中 `wordpress-v1``mysql-v1` 的状态。如果它们的运行状态如下图所示,就意味着 WordPress 已经成功创建。
![wordpress-deployment](/images/docs/quickstart/wordpress-deployment.png)
![wordpress-deployment](/images/docs/zh-cn/quickstart/wordpress-deployment/wordpress-deployment.png)
![wordpress-statefulset](/images/docs/quickstart/wordpress-statefulset.png)
![mysql-running](/images/docs/zh-cn/quickstart/wordpress-deployment/mysql-running.png)
### 任务 5通过 NodePort 访问 WordPress
### 步骤 5通过 NodePort 访问 WordPress
1. 要访问集群外的服务,请首先导航到**服务**,单击`wordpress`右侧的三个点后选择**编辑外网访问**。
1. 若要在集群外访问服务,请首先导航到**服务**。点击 `wordpress` 右侧的三个点后,选择**编辑外网访问**。
![edit-internet-access](/images/docs/quickstart/edit-internet-access.png)
![edit-internet-access](/images/docs/zh-cn/quickstart/wordpress-deployment/edit-internet-access.png)
2. 在**访问方式**中选择`NodePort`,然后单击**确定**。
2. 在**访问方式**中选择 `NodePort`,然后点击**确定**。
![access-method](/images/docs/quickstart/access-method.png)
![access-method](/images/docs/zh-cn/quickstart/wordpress-deployment/access-method.png)
3. 单击服务进入详情页可以看到暴露的端口。
3. 点击服务进入详情页,可以看到暴露的端口。
![nodeport-number](/images/docs/quickstart/nodeport-number.png)
![nodeport-number](/images/docs/zh-cn/quickstart/wordpress-deployment/nodeport-number.png)
4. 通过`{Node IP}:{NodePort}`访问此应用程序,可以看到下图:
4. 通过 `{Node IP}:{NodePort}` 访问此应用程序,可以看到下图:
![wordpress](/images/docs/quickstart/wordpress.png)
![wordpress-page](/images/docs/zh-cn/quickstart/wordpress-deployment/wordpress-page.png)
{{< notice note >}}
在访问服务之前,请确保安全组中的端口已打开。

Binary file not shown.

After

Width:  |  Height:  |  Size: 112 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 89 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 257 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 138 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 151 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 158 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 163 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 254 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 188 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 165 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 156 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 260 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 232 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 192 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 326 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 331 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 229 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 244 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 132 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 109 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 170 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 148 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 261 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 168 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 166 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 266 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 172 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 215 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 308 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 337 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 158 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 313 KiB