照片将Fikret tozakheUnsplash

在过去的两天里,我一直被困在如何使用 Woocommerce 运行本地 Wordpress 商店。

我曾尝试将 (g)old LAMP 与 NGINX、docker 图像一起使用,直到找到最简单的方法。

WordPress slack 上的一位名叫 Leandro 的在线朋友分享了 Docker 上官方文档的链接,其中他们解释了如何使用两个简单的图像运行 WordPress 商店。

本教程将在此链接上。解释了如何创建一个新的 docker-compose 文件以从 MySQL 和 WordPress 组合图像以在本地存储。

链接在这里Quickstart: Compose and WordPress并在继续检查它并在您机器的本地文件夹中创建 docker-compose 文件之前。

在本地编辑文件

让我们编辑我们的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:/var/www/html
      - ./plugins:/var/www/html/wp-content/plugins
    ports:
      - "8000:80"
    restart: always
    environment:
      WORDPRESS_DB_HOST: db:3306
      WORDPRESS_DB_USER: wordpress
      WORDPRESS_DB_PASSWORD: wordpress
      WORDPRESS_DB_NAME: wordpress

进入全屏模式 退出全屏模式

在这里,我们使用卷在本地提供我们想要访问的文件夹。

查看第 17、18 和 19 行。这是我们要求将文件夹内容转换为卷的地方。感谢来自 React Brasil slack 的朋友 Fernando Almeida 帮助我解决了这个问题。

现在,在与 docker-compose 文件相同的根文件夹中,运行docker-compose up -d以挂载我们的容器和图像。

[](https://res.cloudinary.com/practicaldev/image/fetch/s--F7zlwVw---/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to- uploads.s3.amazonaws.com/uploads/articles/qgzpf9pd683521mt0jh4.png)

现在,文件夹db_data、plugins和WordPress必须在本地可用,您可以开始开发工作了 o/!!

[](https://res.cloudinary.com/practicaldev/image/fetch/s--lTVKJe0a--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads .s3.amazonaws.com/uploads/articles/2l1y7rtigxdut9urz49o.png)

wordpress 网站

[](https://res.cloudinary.com/practicaldev/image/fetch/s--1fJL0GKr--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads .s3.amazonaws.com/uploads/articles/2bqypqkwhcxahwwp2std.png)

Woocommerce商店

到这里为止,我们只有一个简单的 WordPress 博客。我的用例需要有一个 woocommerce 商店。

为了得到它,我们需要完成下面解释的简单步骤

第 1 步 - 安装店面主题

让我们安装一个主题来在商店中改造我们的网站。 WordPress 的默认主题是一个博客站点,并不是我们想要的。

Dashboard > Appearance > Themes > Add new and search for "storefront".

第 2 步 - 安装 woocommerce 插件

安装类似于上一步的 woo-commerce 插件:

Dashboard > Plugins > Add new and search for "woocommerce"

现在,您的商店已完全配置为在本地使用

[](https://res.cloudinary.com/practicaldev/image/fetch/s--I0tevBJO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads .s3.amazonaws.com/uploads/articles/2lifj9g45s95zaf2unlj.png)

这里提供 repodocker-wordpress