{"id":1583,"date":"2025-02-14T06:54:15","date_gmt":"2025-02-13T22:54:15","guid":{"rendered":"http:\/\/www.liujh168.com\/?p=1525"},"modified":"2025-02-14T06:54:15","modified_gmt":"2025-02-13T22:54:15","slug":"webfish-2-2-2","status":"publish","type":"post","link":"https:\/\/www.liujh168.com\/index.php\/2025\/02\/14\/webfish-2-2-2\/","title":{"rendered":"\u4f7f\u7528 Docker \u6784\u5efa Pikafish Web API"},"content":{"rendered":"

\u6784\u5efa\u5e76\u8fd0\u884c\u4e00\u4e2a\u53ef\u4ee5\u63d0\u4f9bPikafish Web API\u670d\u52a1\u7684\u4ea4\u4e92\u5f0f\u7cfb\u7edf\uff0c<\/strong>\u7528\u6237\u901a\u8fc7\u6d4f\u89c8\u5668\u4e0e Pikafish \u4ea4\u4e92\uff0c\u5e76\u67e5\u770b\u8fd0\u884c\u7ed3\u679c\u3002\u4ee5\u4e0b\u662f\u4e3b\u8981\u6b65\u9aa4\uff1a<\/p>\n

\n

1. \u7f16\u5199\u00a0index.html<\/code><\/h3>\n

<\/p>\n

\u5c06\u4ee5\u4e0b HTML \u4ee3\u7801\u4fdd\u5b58\u4e3a\u00a0index.html<\/code>\u00a0\u6587\u4ef6\uff1a<\/p>\n

\n
\n
\n
html<\/div>\n<\/div>\n<\/div>\n
<!<\/span>DOCTYPE<\/span> html<\/span>><\/span><\/span>\n<<\/span>html lang<\/span>=<\/span>\"<\/span>en\"<\/span><\/span>><\/span><\/span>\n<<\/span>head><\/span><\/span>\n    <<\/span>meta charset<\/span>=<\/span>\"<\/span>UTF-8\"<\/span><\/span>><\/span><\/span>\n    <<\/span>meta name<\/span>=<\/span>\"<\/span>viewport\"<\/span><\/span> content<\/span>=<\/span>\"<\/span>width=device-width, initial-scale=1.0\"<\/span><\/span>><\/span><\/span>\n    <<\/span>title><\/span><\/span>Pikafish Web Interface<\/<\/span>title><\/span><\/span>\n    <<\/span>style><\/span><\/span>\n        body {\n            font-family: Arial, sans-serif;\n            margin: 20px;\n            background-color: #f4f4f9;\n            color: #333;\n        }\n        h1 {\n            color: #444;\n        }\n        textarea {\n            width: 100%;\n            height: 100px;\n            padding: 10px;\n            font-family: monospace;\n            font-size: 14px;\n            border: 1px solid #ccc;\n            border-radius: 5px;\n            margin-bottom: 10px;\n        }\n        button {\n            padding: 10px 20px;\n            font-size: 16px;\n            background-color: #007bff;\n            color: white;\n            border: none;\n            border-radius: 5px;\n            cursor: pointer;\n        }\n        button:hover {\n            background-color: #0056b3;\n        }\n        #output {\n            margin-top: 20px;\n            padding: 10px;\n            background-color: #fff;\n            border: 1px solid #ccc;\n            border-radius: 5px;\n            white-space: pre-wrap;\n            font-family: monospace;\n            font-size: 14px;\n        }\n    <\/<\/span>style><\/span><\/span>\n<\/<\/span>head><\/span><\/span>\n<<\/span>body><\/span><\/span>\n    <<\/span>h1><\/span><\/span>Pikafish Web Interface<\/<\/span>h1><\/span><\/span>\n    <<\/span>textarea id<\/span>=<\/span>\"<\/span>command\"<\/span><\/span> placeholder<\/span>=<\/span>\"<\/span>Enter UCI commands here...\"<\/span><\/span>><\/span><\/span><\/<\/span>textarea><\/span><\/span>\n    <<\/span>button onclick<\/span>=<\/span>\"<\/span>runPikafish()\"<\/span><\/span>><\/span><\/span>Run Pikafish<\/<\/span>button><\/span><\/span>\n    <<\/span>div id<\/span>=<\/span>\"<\/span>output\"<\/span><\/span>><\/span><\/span>Output will appear here...<\/<\/span>div><\/span><\/span>\n\n    <<\/span>script><\/span><\/span>\n        async function runPikafish() {\n            const command = document.getElementById('command').value;\n            const outputDiv = document.getElementById('output');\n\n            if (!command) {\n                outputDiv.textContent = \"Error: Please enter a UCI command.\";\n                return;\n            }\n\n            try {\n                const response = await fetch('\/api\/pikafish', {\n                    method: 'POST',\n                    headers: {\n                        'Content-Type': 'application\/json',\n                    },\n                    body: JSON.stringify({ command: command }),\n                });\n\n                if (!response.ok) {\n                    throw new Error(`HTTP error! status: ${response.status}`);\n                }\n\n                const data = await response.json();\n                outputDiv.textContent = data.output || data.error;\n            } catch (error) {\n                outputDiv.textContent = `Error: ${error.message}`;\n            }\n        }\n    <\/<\/span>script><\/span><\/span>\n<\/<\/span>body><\/span><\/span>\n<\/<\/span>html><\/span><\/span><\/pre>\n
\n
<\/div>\n<\/div>\n<\/div>\n
<\/p>\n
2. \u7f16\u5199\u00a0api.py<\/code><\/h3>\n
\u5c06\u4ee5\u4e0b Python \u4ee3\u7801\u4fdd\u5b58\u4e3a\u00a0api.py<\/code>\u00a0\u6587\u4ef6\uff1a<\/p>\n
\n
\n
\n
python<\/div>\n<\/div>\n<\/div>\n
from<\/span> flask import<\/span> Flask,<\/span> request,<\/span> jsonify\nimport<\/span> subprocess\n\napp =<\/span> Flask(<\/span>__name__)<\/span>\n\n@app.<\/span>route<\/span>(<\/span>'\/api\/pikafish'<\/span>,<\/span> methods=<\/span>[<\/span>'POST'<\/span>]<\/span>)<\/span>\ndef<\/span> run_pikafish<\/span>(<\/span>)<\/span>:<\/span>\n    # \u83b7\u53d6\u7528\u6237\u8f93\u5165\u7684 UCI \u547d\u4ee4<\/span>\n    uci_command =<\/span> request.<\/span>json.<\/span>get(<\/span>'command'<\/span>)<\/span>\n    if<\/span> not<\/span> uci_command:<\/span>\n        return<\/span> jsonify(<\/span>{<\/span>\"error\"<\/span>:<\/span> \"No command provided\"<\/span>}<\/span>)<\/span>,<\/span> 400<\/span>\n\n    try<\/span>:<\/span>\n        # \u8c03\u7528 Pikafish \u5e76\u4f20\u5165 UCI \u547d\u4ee4<\/span>\n        result =<\/span> subprocess.<\/span>run(<\/span>\n            [<\/span>'\/usr\/local\/bin\/pikafish'<\/span>]<\/span>,<\/span>\n            input<\/span>=<\/span>uci_command.<\/span>encode(<\/span>)<\/span>,<\/span>\n            stdout=<\/span>subprocess.<\/span>PIPE,<\/span>\n            stderr=<\/span>subprocess.<\/span>PIPE,<\/span>\n            check=<\/span>True<\/span>\n        )<\/span>\n        # \u8fd4\u56de Pikafish \u7684\u8f93\u51fa<\/span>\n        return<\/span> jsonify(<\/span>{<\/span>\"output\"<\/span>:<\/span> result.<\/span>stdout.<\/span>decode(<\/span>)<\/span>}<\/span>)<\/span>,<\/span> 200<\/span>\n    except<\/span> subprocess.<\/span>CalledProcessError as<\/span> e:<\/span>\n        return<\/span> jsonify(<\/span>{<\/span>\"error\"<\/span>:<\/span> e.<\/span>stderr.<\/span>decode(<\/span>)<\/span>}<\/span>)<\/span>,<\/span> 500<\/span>\n\nif<\/span> __name__ ==<\/span> '__main__'<\/span>:<\/span>\n    app.<\/span>run(<\/span>host=<\/span>'0.0.0.0'<\/span>,<\/span> port=<\/span>5000<\/span>)<\/span><\/pre>\n<\/div>\n
\n
3. \u7f16\u5199 Dockerfile<\/h3>\n
<\/p>\n
\u5c06\u4ee5\u4e0b Dockerfile \u5185\u5bb9\u4fdd\u5b58\u4e3a\u00a0Dockerfile<\/code>\u00a0\u6587\u4ef6\uff1a<\/p>\n
\n
\n
\n
Dockerfile<\/div>\n<\/div>\n<\/div>\n
# \u4f7f\u7528 Ubuntu \u4f5c\u4e3a\u57fa\u7840\u955c\u50cf\nFROM ubuntu:latest\n\n# \u8bbe\u7f6e\u73af\u5883\u53d8\u91cf\nENV DEBIAN_FRONTEND=noninteractive\n\n# \u5b89\u88c5\u7cfb\u7edf\u4f9d\u8d56\nRUN apt update && \\\n    apt install -y \\\n    git g++ make cmake \\\n    apache2 \\\n    python3 python3-pip && \\\n    apt clean && \\\n    rm -rf \/var\/lib\/apt\/lists\/*\n\n# \u5b89\u88c5 Flask\nRUN pip install flask\n\n# \u514b\u9686 Pikafish \u6e90\u7801\nRUN git clone https:\/\/github.com\/official-pikafish\/Pikafish.git \/pikafish\n\n# \u7f16\u8bd1 Pikafish\nWORKDIR \/pikafish\nRUN mkdir build && cd build && \\\n    cmake .. && \\\n    make -j$(nproc) && \\\n    cp pikafish \/usr\/local\/bin\/\n\n# \u590d\u5236 API \u670d\u52a1\u6587\u4ef6\u548c Web \u9875\u9762\nCOPY api.py \/var\/www\/html\/api.py\nCOPY index.html \/var\/www\/html\/index.html\n\n# \u8bbe\u7f6e\u5de5\u4f5c\u76ee\u5f55\nWORKDIR \/var\/www\/html\n\n# \u914d\u7f6e Apache2 \u53cd\u5411\u4ee3\u7406\nRUN a2enmod proxy proxy_http && \\\n    echo '\\\n<VirtualHost *:80>\\n\\\n    ServerAdmin webmaster@localhost\\n\\\n    DocumentRoot \/var\/www\/html\\n\\\n    ProxyPreserveHost On\\n\\\n    ProxyPass \/api\/ http:\/\/127.0.0.1:5000\/\\n\\\n    ProxyPassReverse \/api\/ http:\/\/127.0.0.1:5000\/\\n\\\n    ErrorLog ${APACHE_LOG_DIR}\/error.log\\n\\\n    CustomLog ${APACHE_LOG_DIR}\/access.log combined\\n\\\n<\/VirtualHost>\\n\\\n' > \/etc\/apache2\/sites-available\/000-default.conf\n\n# \u66b4\u9732\u7aef\u53e3\nEXPOSE 80\n\n# \u542f\u52a8 Apache2 \u548c Flask \u670d\u52a1\nCMD service apache2 start && python3 \/var\/www\/html\/api.py<\/pre>\n<\/div>\n
<\/p>\n
\n
4. \u6784\u5efa\u5e76\u8fd0\u884c\u5bb9\u5668<\/h3>\n
\u5728\u7ec8\u7aef\u4e2d\u8fd0\u884c\u4ee5\u4e0b\u547d\u4ee4\u6784\u5efa\u955c\u50cf\u5e76\u542f\u52a8\u5bb9\u5668\uff1a<\/p>\n
\n
\n
\n
bash<\/div>\n<\/div>\n<\/div>\n
docker<\/span> build -t<\/span> pikafish-web .<\/span>\ndocker<\/span> run -d<\/span> -p<\/span> 80<\/span>:80 --name<\/span> pikafish-web pikafish-web<\/pre>\n<\/div>\n
\n
5. \u8bbf\u95ee Web \u9875\u9762<\/h3>\n
\u5728\u6d4f\u89c8\u5668\u4e2d\u8bbf\u95ee\u00a0http:\/\/<\u670d\u52a1\u5668IP>\/index.html<\/code>\uff0c\u4f60\u5c06\u770b\u5230\u4e00\u4e2a\u7b80\u5355\u7684 Web \u754c\u9762\u3002<\/p>\n
\n
6. \u4f7f\u7528\u8bf4\u660e<\/h3>\n
    \n
  1. \u5728\u6587\u672c\u6846\u4e2d\u8f93\u5165 UCI \u547d\u4ee4\uff08\u4f8b\u5982\u00a0uci\\nisready\\nuainewgame\\nposition startpos\\ngo depth 10\\n<\/code>\uff09\u3002<\/li>\n
  2. \u70b9\u51fb\u00a0Run Pikafish<\/strong>\u00a0\u6309\u94ae\u3002<\/li>\n
  3. Pikafish \u7684\u8f93\u51fa\u5c06\u663e\u793a\u5728\u9875\u9762\u4e0b\u65b9\u7684\u8f93\u51fa\u6846\u4e2d\u3002<\/li>\n<\/ol>\n
    \n
    7. \u793a\u4f8b<\/h3>\n
    <\/p>\n
    \u8f93\u5165<\/h4>\n
    \n
    uci\nisready\nuainewgame\nposition startpos\ngo depth 10<\/pre>\n<\/div>\n
    \u8f93\u51fa<\/h4>\n
    \n
    id name Pikafish\nid author the Pikafish developers\nuciok\nreadyok\nbestmove e2e4<\/pre>\n<\/div>\n
    \n
    \u603b\u7ed3<\/h3>\n
    \u901a\u8fc7\u4ee5\u4e0a\u6b65\u9aa4\uff0c\u53ef\u4ee5\u6784\u5efa\u4e00\u4e2a\u5305\u542b Web \u9875\u9762\u7684 Docker \u955c\u50cf\uff0c\u7528\u6237\u53ef\u4ee5\u901a\u8fc7\u6d4f\u89c8\u5668\u4e0e Pikafish \u4ea4\u4e92\u3002<\/p>\n
    \n
    \u4ee3\u7801\u5757\u8bf4\u660e<\/h3>\n