-
專案根目錄的.env
# 修改轉案名稱
COMPOSE_PROJECT_NAME=project_name
WP_PORT=9000
WP_PORT_PHP_MY_ADMIN=9080
WP_MYSQL_DATABASE=esdata
WP_MYSQL_USERNAME=es_admin
WP_MYSQL_PASSWORD=es_admin
WP_MYSQL_ROOT_PASSWORD=aB77099890bbcc@
WP_DEBUG=true
# 正式環境的網址
WP_URL=https://clientdomain.com
-
專案根目錄的docker-compose.yaml
-
service區塊要加入nuxt-app設定
nuxt-app:
container_name: ${COMPOSE_PROJECT_NAME}_app
build: ./nuxt-app
image: ${COMPOSE_PROJECT_NAME}
depends_on:
- nginx
networks:
- nuxt-network
-
mysql的volumes要改成production用 ，並且要綁定資料夾來存DB
mysql:
container_name: ${COMPOSE_PROJECT_NAME}_mysql-maria
image: mariadb:10.5
volumes:
- ./db/production:/docker-entrypoint-initdb.d
- /db/${COMPOSE_PROJECT_NAME}/data:/var/lib/mysql
- /db/${COMPOSE_PROJECT_NAME}/log:/var/log/mysql
environment:
MYSQL_ROOT_PASSWORD: $WP_MYSQL_ROOT_PASSWORD
MYSQL_DATABASE: $WP_MYSQL_DATABASE
MYSQL_USER: $WP_MYSQL_USERNAME
MYSQL_PASSWORD: $WP_MYSQL_PASSWORD
networks:
- nuxt-network
-
nuxt-app資料夾中的.env
-
修改名稱與正式環境網址
APP_NAME = project_name
ENV = prod
SITE_URL = <https://clientdomain.com>
API_URL = <https://clientdomain.com>
-
nuxt-app資料夾中的Dockerfile
FROM node:18
# 安装 PM2
RUN yarn global add pm2
WORKDIR /app
# 將 package.json 和 yarn.lock 複製到容器中
COPY package.json yarn.lock ./
# 使用 yarn 安装依赖
RUN yarn install
# 將當前目錄複製到容器中
COPY . .
# build（可視情況是否要在server上build）
# RUN yarn build
# 設定對外端口
EXPOSE 4000
# 注意！！！因為pm2設定檔裡有指定port，所以這裡開的port要跟ecosystem.config.js中指定的port一樣
# 用pm2啟動
CMD pm2-runtime start ecosystem.config.js --env prod
-
nuxt-app資料夾中的ecosystem.config.js
module.exports = {
apps: [{
script: './.output/server/index.mjs', // Nuxt3 官網上面說的方式
instances: 'max', // 負載平衡模式下的 cpu 數量
exec_mode: 'cluster', // cpu 負載平衡模式
max_memory_restart: '1G', // 緩存了多少記憶體重新整理
env_prod: {
name: 'project_name', // 專案啟動記得改名字
PORT: 4000 // 專案啟動記得避開其他專案的 port
},
}]
}
-
nginx資料夾中的default.conf
server {
listen 80;
server_name localhost;
root /var/www/html;
index index.php;
client_max_body_size 64M;
location ~ \\.php$ {
try_files $uri =404;
fastcgi_split_path_info ^(.+\\.php)(/.+)$;
fastcgi_pass wordpress:9000;
fastcgi_index index.php;
include fastcgi_params;
fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
fastcgi_param PATH_INFO $fastcgi_path_info;
fastcgi_param PHP_VALUE "
upload_max_filesize=2M
post_max_size=2M
";
}
location ~ ^/(en|zh)/wp-json {
try_files $uri $uri/ /index.php?$args;
}
location ~ ^/(wp|bs)[a-z-_*] {
try_files $uri $uri/ /index.php?$args;
}
location / {
# 注意！！！因為pm2設定檔裡有指定port，所以這裡開的port要跟ecosystem.config.js中指定的port一樣
proxy_pass <http://nuxt-app:4000>;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-Forwarded-Proto $http_x_forwarded_proto;
}
}
