引言

想要根据 live2d api 搭建自己的 api。我想要使用 docker 方便部署，但是不会 php 和 nginx 环境搭建，还对 docker 比较陌生。因此写下这篇文章。因为这三件都不是很熟悉，轻喷。

docker 配置

首先将 live2d api 仓库克隆下来

1 2	git clone https://github.com/fghrsh/live2d_api.git cd live2d_api

docke-compose 编写

创建 docker-compose.yaml

version: "3.7"

services:
  php:
    image: php:8-fpm
    volumes:
      - ./:/var/www/html
  nginx:
    image: nginx:latest
    restart: always
    ports:
        - 80:80
    volumes:
        - ./nginx.conf:/etc/nginx/nginx.conf
        - ./:/usr/share/nginx/html

nginx 配置

创建 nginx.conf 文件，注意中间的跨域请求配置，同时 server name 这些请根据自己的需求配置


#user  nobody;
worker_processes  auto;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;

    #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
    #                  '$status $body_bytes_sent "$http_referer" '
    #                  '"$http_user_agent" "$http_x_forwarded_for"';

    #access_log  logs/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  65;

    #gzip  on;

    server {
        listen       80;
        server_name  localhost;
        root   /usr/share/nginx/html;

        #跨域
        add_header 'Access-Control-Allow-Origin' '*'; 
        add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS, PUT, DELETE';
        add_header 'Access-Control-Allow-Headers' 'Content-Type';

        location / { 
            index index.php;
            autoindex off;
        }

        #转发
        location ~ \.php$ {
            #fastcgi_pass   127.0.0.1:9000;
            root /var/www/html;
            fastcgi_pass php:9000;
            fastcgi_index  index.php;
            fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
            fastcgi_param PATH_INFO $fastcgi_path_info;
            fastcgi_param PATH_TRANSLATED $document_root$fastcgi_path_info;
            include  fastcgi_params;
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }   
    }
}

部署

使用 docker 部署比较简单

1
2
3

docker compose up -d
#或者可以用下面的
docker-compose up -d

测试

部署后使用浏览器打开 http://localhost/get/?id=1-23 结果如下

测试使用 stevenjoezhang 的 live2d-widget，将其中的 apiPath 替换为 http://localhost/，打开 demo.html，结果如下，可以看到请求的 url 为 localhost，api 测试成功。