使用WordPress和Docker来构建本地环境

使用WordPress和Docker构建本地环境。

的是什么
为了什么
想要达到什么结果
为了什么目标

在以前为了开发WordPress时,我使用MAMP来创建本地开发环境。
但是,从现在开始,我决定使用Docker这种容器化的虚拟环境来实现。
然而,关于Docker和WordPress的文章和总结还很少,我个人也想整理一次。
所以,这次我将记录下在Docker上使WordPress能够操作的步骤。

将本地环境从MAMP迁移到Docker的好处是什么?

    • MAMPのように直接ツールのインストールを行わないため、開発環境の破棄や再構築が面倒ではなくなる。

 

    • 環境開発を複数用意したい(複数のプロジェクトを同時進行させたい)場合の設定が楽になる。

 

    環境開発手順がよりシンプルになる。

安装不同的工具

    dockerのinstall

WordPress的环境配置步骤

    设定项目。

创建空的项目目录(本例中将目录命名为 wp-project-001)。然后进入项目的根目录。

$ mkdir wp-project-001
$ cd wp-project-001
    创建一个名为docker-compose.yml的文件。这个文件类似于一个用于配置WordPress的文件,并用于与数据库进行协作。
$ touch docker-compose.yml
    docker-compose.yml
version: "3.9"

services:
  db:
    image: mysql:5.7
    volumes:
      - db_data:/var/lib/mysql
    restart: always
    environment:
      MYSQL_ROOT_PASSWORD: somewordpress
      MYSQL_DATABASE: wordpress
      MYSQL_USER: wordpress
      MYSQL_PASSWORD: wordpress

  wordpress:
    depends_on:
      - db
    image: wordpress:latest
    volumes:
      - wordpress_data:/var/www/html
    ports:
      - "8000:80"
    restart: always
    environment:
      WORDPRESS_DB_HOST: db:3306
      WORDPRESS_DB_USER: wordpress
      WORDPRESS_DB_PASSWORD: wordpress
      WORDPRESS_DB_NAME: wordpress
volumes:
  db_data: {}
  wordpress_data: {}
    构建项目

在进行这个设定后,执行以下指令以启动本地环境。

$ docker-compose up
    在Web浏览器中进行WordPress设置。

当运行上述命令后,请在浏览器中输入http://localhost或http://localhost:8000来打开网页。

Screen Shot 2021-06-13 at 16.24.13.png

那么就会弹出如上所示的欢迎界面,进行”语言选择”。本次选择了”日语”。

Screen Shot 2021-06-13 at 16.24.50.png

请填写以下五项内容:「网站名称」「用户名」「密码」「电子邮箱地址」「搜索引擎索引」。

当所有的设置都完成后,将会出现如上所示的完成画面。这样,初始设置就完成了。

总结

在MAMP的情况下,数据库的设置特别麻烦,给人留下了很多困惑的印象。但是,如果使用Docker,只需添加一个配置文件并通过命令处理,就可以完成设置,所以我认为更加轻松。从这里开始,可以进行各种自定义。

以下为参考链接:

    Quickstart: Compose and WordPress

顺便说一下(截至2021年7月12日)

Zennにも同じ記事を投稿しています。現時点ではどっちもメリット・デメリットあるので、両方投稿しています。使っていくうちに、役割を分けるか一本化するか徐々に決めていこうと思ってます。
Zenn – WordPressとDockerを用いたローカル環境構築

广告
将在 10 秒后关闭
bannerAds