{"id":248,"date":"2026-01-24T17:21:15","date_gmt":"2026-01-24T09:21:15","guid":{"rendered":"https:\/\/skwp.zeabur.app\/2026\/01\/24\/%e3%80%90docker-%e5%85%a5%e9%96%80%e7%b3%bb%e5%88%97%e3%80%9104-docker-compose-%e5%bf%ab%e9%80%9f%e4%b8%8a%e6%89%8b%ef%bc%9a%e4%b8%80%e9%8d%b5%e5%95%9f%e5%8b%95%e5%a4%9a%e5%ae%b9%e5%99%a8%e7%92%b0\/"},"modified":"2026-01-24T17:21:15","modified_gmt":"2026-01-24T09:21:15","slug":"%e3%80%90docker-%e5%85%a5%e9%96%80%e7%b3%bb%e5%88%97%e3%80%9104-docker-compose-%e5%bf%ab%e9%80%9f%e4%b8%8a%e6%89%8b%ef%bc%9a%e4%b8%80%e9%8d%b5%e5%95%9f%e5%8b%95%e5%a4%9a%e5%ae%b9%e5%99%a8%e7%92%b0","status":"publish","type":"post","link":"https:\/\/blog.itsmygo.uk\/wordpress\/2026\/01\/24\/%e3%80%90docker-%e5%85%a5%e9%96%80%e7%b3%bb%e5%88%97%e3%80%9104-docker-compose-%e5%bf%ab%e9%80%9f%e4%b8%8a%e6%89%8b%ef%bc%9a%e4%b8%80%e9%8d%b5%e5%95%9f%e5%8b%95%e5%a4%9a%e5%ae%b9%e5%99%a8%e7%92%b0\/","title":{"rendered":"\u3010Docker \u5165\u9580\u7cfb\u5217\u3011#04 Docker Compose \u5feb\u901f\u4e0a\u624b\uff1a\u4e00\u9375\u555f\u52d5\u591a\u5bb9\u5668\u74b0\u5883"},"content":{"rendered":"\n<div id=\"quiz-basic\">\n<style>\n#quiz-basic .question {\n            background: white;\n            border-radius: 8px;\n            padding: 20px;\n            margin: 20px 0;\n            box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n        }#quiz-basic .question h3 { margin-top: 0; color: #333; }#quiz-basic .options { list-style: none; padding: 0; }#quiz-basic .options li {\n            padding: 12px 15px;\n            margin: 8px 0;\n            border: 2px solid #ddd;\n            border-radius: 6px;\n            cursor: pointer;\n            transition: all 0.2s;\n        }#quiz-basic .options li:hover:not(.disabled) {\n            border-color: #4CAF50;\n            background: #f0fff0;\n        }#quiz-basic .options li.correct {\n            border-color: #4CAF50;\n            background: #e8f5e9;\n        }#quiz-basic .options li.wrong {\n            border-color: #f44336;\n            background: #ffebee;\n        }#quiz-basic .options li.disabled { cursor: default; opacity: 0.7; }#quiz-basic .options li.show-answer { border-color: #4CAF50; background: #e8f5e9; }#quiz-basic .feedback {\n            margin-top: 15px;\n            padding: 12px;\n            border-radius: 6px;\n            display: none;\n        }#quiz-basic .feedback.correct { background: #e8f5e9; color: #2e7d32; display: block; }#quiz-basic .feedback.wrong { background: #ffebee; color: #c62828; display: block; }#quiz-basic .score {\n            text-align: center;\n            font-size: 1.5em;\n            padding: 20px;\n            background: white;\n            border-radius: 8px;\n            margin-top: 20px;\n        }#quiz-basic .code-block {\n            background: #1e1e1e;\n            color: #d4d4d4;\n            padding: 14px;\n            border-radius: 6px;\n            font-family: 'Monaco', 'Consolas', 'Courier New', monospace;\n            font-size: 0.9em;\n            overflow-x: auto;\n            margin: 12px 0;\n            white-space: pre-wrap;\n        }\n<\/style>\n<h1>\u6e2c\u9a57\uff1aDocker Compose \u5feb\u901f\u4e0a\u624b<\/h1>\n    <p>\u5171 5 \u984c\uff0c\u9ede\u9078\u7b54\u6848\u5f8c\u6703\u7acb\u5373\u986f\u793a\u7d50\u679c<\/p>\n\n    <div class=\"question\" id=\"q1\">\n        <h3>1. Docker Compose \u4e3b\u8981\u89e3\u6c7a\u4ec0\u9ebc\u554f\u984c\uff1f<\/h3>\n        <ul class=\"options\">\n            <li onclick=\"checkAnswer(1, 'A', 'B')\">A. \u8b93 Docker \u6620\u50cf\u6a94\u66f4\u5c0f<\/li>\n            <li onclick=\"checkAnswer(1, 'B', 'B')\">B. \u7528\u4e00\u500b\u8a2d\u5b9a\u6a94\u7ba1\u7406\u591a\u500b\u76f8\u4e92\u9023\u63a5\u7684\u5bb9\u5668<\/li>\n            <li onclick=\"checkAnswer(1, 'C', 'B')\">C. \u53d6\u4ee3 Dockerfile \u7684\u529f\u80fd<\/li>\n            <li onclick=\"checkAnswer(1, 'D', 'B')\">D. \u8b93\u5bb9\u5668\u53ef\u4ee5\u5728\u4e0d\u540c\u4f5c\u696d\u7cfb\u7d71\u57f7\u884c<\/li>\n        <\/ul>\n        <div class=\"feedback\" id=\"fb1\"><\/div>\n    <\/div>\n\n    <div class=\"question\" id=\"q2\">\n        <h3>2. \u5728 docker-compose.yml \u4e2d\uff0c<code>ports: [\"8080:80\"]<\/code> \u9019\u884c\u8a2d\u5b9a\u4ee3\u8868\u4ec0\u9ebc\u610f\u601d\uff1f<\/h3>\n        <ul class=\"options\">\n            <li onclick=\"checkAnswer(2, 'A', 'C')\">A. \u5bb9\u5668\u7684 8080 port \u5c0d\u61c9\u5230\u4e3b\u6a5f\u7684 80 port<\/li>\n            <li onclick=\"checkAnswer(2, 'B', 'C')\">B. \u540c\u6642\u958b\u653e 8080 \u548c 80 \u5169\u500b port<\/li>\n            <li onclick=\"checkAnswer(2, 'C', 'C')\">C. \u4e3b\u6a5f\u7684 8080 port \u5c0d\u61c9\u5230\u5bb9\u5668\u7684 80 port<\/li>\n            <li onclick=\"checkAnswer(2, 'D', 'C')\">D. \u53ea\u5141\u8a31\u5f9e 8080 \u5230 80 \u7684\u55ae\u5411\u9023\u7dda<\/li>\n        <\/ul>\n        <div class=\"feedback\" id=\"fb2\"><\/div>\n    <\/div>\n\n    <div class=\"question\" id=\"q3\">\n        <h3>3. \u5728 Docker Compose \u4e2d\uff0c\u5982\u679c Web \u670d\u52d9\u8981\u9023\u7dda\u5230\u8cc7\u6599\u5eab\u670d\u52d9\uff08\u670d\u52d9\u540d\u7a31\u70ba db\uff09\uff0cDB_HOST \u61c9\u8a72\u8a2d\u5b9a\u70ba\u4ec0\u9ebc\uff1f<\/h3>\n        <ul class=\"options\">\n            <li onclick=\"checkAnswer(3, 'A', 'B')\">A. localhost<\/li>\n            <li onclick=\"checkAnswer(3, 'B', 'B')\">B. db<\/li>\n            <li onclick=\"checkAnswer(3, 'C', 'B')\">C. 127.0.0.1<\/li>\n            <li onclick=\"checkAnswer(3, 'D', 'B')\">D. database<\/li>\n        <\/ul>\n        <div class=\"feedback\" id=\"fb3\"><\/div>\n    <\/div>\n\n    <div class=\"question\" id=\"q4\">\n        <h3>4. \u57f7\u884c <code>docker compose down -v<\/code> \u6307\u4ee4\u6703\u767c\u751f\u4ec0\u9ebc\u4e8b\uff1f<\/h3>\n        <ul class=\"options\">\n            <li onclick=\"checkAnswer(4, 'A', 'D')\">A. \u53ea\u505c\u6b62\u5bb9\u5668\uff0c\u4e0d\u79fb\u9664<\/li>\n            <li onclick=\"checkAnswer(4, 'B', 'D')\">B. \u505c\u6b62\u4e26\u79fb\u9664\u5bb9\u5668\uff0c\u4fdd\u7559\u8cc7\u6599<\/li>\n            <li onclick=\"checkAnswer(4, 'C', 'D')\">C. \u986f\u793a\u8a73\u7d30\u7684\u57f7\u884c\u904e\u7a0b\uff08verbose mode\uff09<\/li>\n            <li onclick=\"checkAnswer(4, 'D', 'D')\">D. \u505c\u6b62\u4e26\u79fb\u9664\u5bb9\u5668\uff0c\u540c\u6642\u522a\u9664 volumes\uff08\u8cc7\u6599\u6703\u6d88\u5931\uff09<\/li>\n        <\/ul>\n        <div class=\"feedback\" id=\"fb4\"><\/div>\n    <\/div>\n\n    <div class=\"question\" id=\"q5\">\n        <h3>5. \u4ee5\u4e0b\u54ea\u500b\u8a2d\u5b9a\u53ef\u4ee5\u78ba\u4fdd\u8cc7\u6599\u5eab\u7684\u8cc7\u6599\u5728\u5bb9\u5668\u91cd\u555f\u5f8c\u4e0d\u6703\u6d88\u5931\uff1f<\/h3>\n        <div class=\"code-block\">services:\n  db:\n    image: mysql:8\n    # \u7f3a\u5c11\u4ec0\u9ebc\u8a2d\u5b9a\uff1f<\/div>\n        <ul class=\"options\">\n            <li onclick=\"checkAnswer(5, 'A', 'B')\">A. restart: always<\/li>\n            <li onclick=\"checkAnswer(5, 'B', 'B')\">B. volumes: \u8a2d\u5b9a\u8cc7\u6599\u5377\u639b\u8f09<\/li>\n            <li onclick=\"checkAnswer(5, 'C', 'B')\">C. depends_on: \u8a2d\u5b9a\u76f8\u4f9d\u670d\u52d9<\/li>\n            <li onclick=\"checkAnswer(5, 'D', 'B')\">D. environment: \u8a2d\u5b9a\u74b0\u5883\u8b8a\u6578<\/li>\n        <\/ul>\n        <div class=\"feedback\" id=\"fb5\"><\/div>\n    <\/div>\n\n    <div class=\"score\" id=\"score\" style=\"display:none;\"><\/div>\n<script>\n\n        let answered = 0;\n        let correct = 0;\n        const total = 5;\n        const explanations = {\n            1: \"Docker Compose \u7684\u6838\u5fc3\u529f\u80fd\u662f\u8b93\u4f60\u7528\u4e00\u500b docker-compose.yml \u6a94\u6848\u5b9a\u7fa9\u591a\u500b\u670d\u52d9\uff08\u5bb9\u5668\uff09\uff0c\u4e26\u7528\u4e00\u500b\u6307\u4ee4\u540c\u6642\u555f\u52d5\u5b83\u5011\u3002\u9019\u89e3\u6c7a\u4e86\u624b\u52d5\u9010\u4e00\u555f\u52d5\u591a\u500b\u5bb9\u5668\u3001\u7ba1\u7406\u5b83\u5011\u4e4b\u9593\u9023\u7dda\u7684\u9ebb\u7169\u3002\",\n            2: \"ports \u8a2d\u5b9a\u7684\u683c\u5f0f\u662f\u300c\u4e3b\u6a5f:\u5bb9\u5668\u300d\u3002\u6240\u4ee5 8080:80 \u8868\u793a\u7576\u4f60\u5728\u4e3b\u6a5f\u8a2a\u554f 8080 port \u6642\uff0c\u6703\u9023\u5230\u5bb9\u5668\u5167\u90e8\u7684 80 port\u3002\",\n            3: \"Docker Compose \u6703\u81ea\u52d5\u5efa\u7acb\u7db2\u8def\uff0c\u8b93\u670d\u52d9\u4e4b\u9593\u53ef\u4ee5\u7528\u300c\u670d\u52d9\u540d\u7a31\u300d\u4f5c\u70ba\u4e3b\u6a5f\u540d\u4e92\u76f8\u9023\u7dda\u3002\u6240\u4ee5 db \u670d\u52d9\u7684\u4e3b\u6a5f\u540d\u5c31\u662f db\uff0c\u4e0d\u662f localhost \u6216 IP \u4f4d\u5740\u3002\",\n            4: \"-v \u53c3\u6578\u6703\u5728 down \u6642\u4e00\u4f75\u522a\u9664 volumes\u3002\u9019\u8868\u793a\u8cc7\u6599\u5eab\u7b49\u670d\u52d9\u5132\u5b58\u7684\u8cc7\u6599\u6703\u88ab\u6e05\u9664\u3002\u5982\u679c\u53ea\u60f3\u505c\u6b62\u5bb9\u5668\u4fdd\u7559\u8cc7\u6599\uff0c\u61c9\u8a72\u7528 docker compose down\uff08\u4e0d\u52a0 -v\uff09\u3002\",\n            5: \"volumes \u8a2d\u5b9a\u53ef\u4ee5\u5c07\u5bb9\u5668\u5167\u7684\u8cc7\u6599\u639b\u8f09\u5230\u4e3b\u6a5f\u6216\u547d\u540d\u5377\u3002\u9019\u6a23\u5373\u4f7f\u5bb9\u5668\u88ab\u522a\u9664\uff0c\u8cc7\u6599\u4ecd\u7136\u4fdd\u5b58\u5728\u4e3b\u6a5f\u4e0a\u3002restart \u53ea\u63a7\u5236\u91cd\u555f\u884c\u70ba\uff0cdepends_on \u63a7\u5236\u555f\u52d5\u9806\u5e8f\uff0cenvironment \u8a2d\u5b9a\u74b0\u5883\u8b8a\u6578\uff0c\u90fd\u7121\u6cd5\u4fdd\u5b58\u8cc7\u6599\u3002\"\n        };\n\n        function checkAnswer(qNum, selected, correctAns) {\n            const question = document.getElementById('q' + qNum);\n            if (question.classList.contains('answered')) return;\n\n            question.classList.add('answered');\n            answered++;\n\n            const options = question.querySelectorAll('.options li');\n            options.forEach(opt => {\n                opt.classList.add('disabled');\n                if (opt.textContent.startsWith(correctAns + '.')) {\n                    opt.classList.add('show-answer');\n                }\n            });\n\n            const feedback = document.getElementById('fb' + qNum);\n            if (selected === correctAns) {\n                correct++;\n                feedback.className = 'feedback correct';\n                feedback.innerHTML = '&#10003; \u6b63\u78ba\uff01' + explanations[qNum];\n            } else {\n                feedback.className = 'feedback wrong';\n                feedback.innerHTML = '&#10007; \u932f\u8aa4\u3002\u6b63\u78ba\u7b54\u6848\u662f ' + correctAns + '\u3002' + explanations[qNum];\n                options.forEach(opt => {\n                    if (opt.textContent.startsWith(selected + '.')) {\n                        opt.classList.add('wrong');\n                    }\n                });\n            }\n\n            if (answered === total) {\n                const scoreDiv = document.getElementById('score');\n                scoreDiv.style.display = 'block';\n                scoreDiv.innerHTML = '\u6e2c\u9a57\u5b8c\u6210\uff01\u5f97\u5206\uff1a' + correct + ' \/ ' + total +\n                    (correct === total ? ' \u5168\u5c0d\uff01' : correct >= Math.ceil(total * 0.6) ? ' \u4e0d\u932f\uff01' : ' \u518d\u8907\u7fd2\u4e00\u4e0b\u5427');\n            }\n        }\n    \n<\/script>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">\u4e00\u53e5\u8a71\u8aaa\u660e<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Docker Compose \u8b93\u4f60\u7528\u4e00\u500b\u8a2d\u5b9a\u6a94\u5c31\u80fd\u540c\u6642\u555f\u52d5\u591a\u500b\u76f8\u4e92\u9023\u63a5\u7684\u5bb9\u5668\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u70ba\u4ec0\u9ebc\u9700\u8981 Docker Compose\uff1f<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u5728\u524d\u5e7e\u7bc7\u6587\u7ae0\u4e2d\uff0c\u6211\u5011\u5b78\u6703\u4e86\u7528 <code>docker run<\/code> \u555f\u52d5\u55ae\u4e00\u5bb9\u5668\u3002\u4f46\u5be6\u969b\u958b\u767c\u6642\uff0c\u4e00\u500b\u61c9\u7528\u7a0b\u5f0f\u901a\u5e38\u9700\u8981\u591a\u500b\u670d\u52d9\uff1a<\/p>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-1\" data-shcb-language-name=\"CSS\" data-shcb-language-slug=\"css\"><span><code class=\"hljs language-css\">\u4f60\u7684\u61c9\u7528\u7a0b\u5f0f\u67b6\u69cb\u53ef\u80fd\u9577\u9019\u6a23\uff1a\n\u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510    \u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510    \u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2510\n\u2502   <span class=\"hljs-selector-tag\">Web<\/span> <span class=\"hljs-selector-tag\">App<\/span>   \u2502\u2500\u2500\u2500\u25b6\u2502  <span class=\"hljs-selector-tag\">Database<\/span>   \u2502    \u2502    <span class=\"hljs-selector-tag\">Redis<\/span>    \u2502\n\u2502  (<span class=\"hljs-selector-tag\">Node<\/span><span class=\"hljs-selector-class\">.js<\/span>)  \u2502    \u2502  (<span class=\"hljs-selector-tag\">MySQL<\/span>)    \u2502    \u2502   (\u5feb\u53d6)    \u2502\n\u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518    \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518    \u2514\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2518\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-1\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">CSS<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">css<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\">\u6c92\u6709 Docker Compose \u6642\uff0c\u4f60\u9700\u8981\uff1a<\/p>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-2\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\"><span class=\"hljs-comment\"># \u555f\u52d5 MySQL<\/span>\ndocker run -d --name mysql-db -e MYSQL_ROOT_PASSWORD=secret mysql:<span class=\"hljs-number\">8<\/span>\n\n<span class=\"hljs-comment\"># \u555f\u52d5 Redis<\/span>\ndocker run -d --name redis-cache redis:alpine\n\n<span class=\"hljs-comment\"># \u555f\u52d5\u4f60\u7684 App\uff0c\u9084\u8981\u9023\u7d50\u5176\u4ed6\u5bb9\u5668<\/span>\ndocker run -d --name my-app --link mysql-db --link redis-cache my-app:latest\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-2\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>\u554f\u984c\u4f86\u4e86<\/strong>\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u6bcf\u6b21\u90fd\u8981\u6253\u4e00\u5806\u6307\u4ee4<\/li>\n<li>\u6307\u4ee4\u9806\u5e8f\u5f88\u91cd\u8981\uff08\u8cc7\u6599\u5eab\u8981\u5148\u555f\u52d5\uff09<\/li>\n<li>\u5718\u968a\u6210\u54e1\u53ef\u80fd\u7528\u4e0d\u540c\u7684\u53c3\u6578<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Docker Compose \u7684\u89e3\u6cd5<\/strong>\uff1a\u628a\u6240\u6709\u8a2d\u5b9a\u5beb\u5728\u4e00\u500b <code>docker-compose.yml<\/code> \u6a94\u6848\uff0c\u4e00\u500b\u6307\u4ee4\u641e\u5b9a\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u6700\u5c0f\u7bc4\u4f8b<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u6a94\u6848\u7d50\u69cb<\/strong>\uff1a<\/p>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\"><span><code class=\"hljs\">my-project\/\n\u2514\u2500\u2500 docker-compose.yml\n<\/code><\/span><\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>docker-compose.yml<\/strong>\uff1a<\/p>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-3\" data-shcb-language-name=\"CSS\" data-shcb-language-slug=\"css\"><span><code class=\"hljs language-css\"><span class=\"hljs-selector-tag\">services<\/span>:\n  <span class=\"hljs-selector-tag\">web<\/span>:\n    <span class=\"hljs-selector-tag\">image<\/span>: <span class=\"hljs-selector-tag\">nginx<\/span><span class=\"hljs-selector-pseudo\">:alpine<\/span>\n    <span class=\"hljs-selector-tag\">ports<\/span>:\n      <span class=\"hljs-selector-tag\">-<\/span> \"8080<span class=\"hljs-selector-pseudo\">:80\"<\/span>\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-3\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">CSS<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">css<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>\u555f\u52d5<\/strong>\uff1a<\/p>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\"><span><code class=\"hljs\">docker compose up\n<\/code><\/span><\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>\u9019\u6bb5\u5728\u5e79\u561b<\/strong>\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u5b9a\u7fa9\u4e00\u500b\u53eb <code>web<\/code> \u7684\u670d\u52d9<\/li>\n<li>\u4f7f\u7528 <code>nginx:alpine<\/code> \u6620\u50cf\u6a94<\/li>\n<li>\u628a\u5bb9\u5668\u7684 80 port \u5c0d\u61c9\u5230\u4f60\u96fb\u8166\u7684 8080 port<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\u6253\u958b\u700f\u89bd\u5668\u8a2a\u554f <code>http:\/\/localhost:8080<\/code>\uff0c\u5c31\u80fd\u770b\u5230 Nginx \u9810\u8a2d\u9801\u9762\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">docker-compose.yml \u57fa\u672c\u7d50\u69cb<\/h2>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-4\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\">services: <span class=\"hljs-comment\"># \u5b9a\u7fa9\u6240\u6709\u670d\u52d9\uff08\u5bb9\u5668\uff09<\/span>\n  \u670d\u52d9\u540d\u7a31:\n    image: \u6620\u50cf\u6a94 <span class=\"hljs-comment\"># \u4f7f\u7528\u54ea\u500b\u6620\u50cf\u6a94<\/span>\n    ports: <span class=\"hljs-comment\"># Port \u5c0d\u61c9<\/span>\n      - <span class=\"hljs-string\">\"\u4e3b\u6a5f:\u5bb9\u5668\"<\/span>\n    environment: <span class=\"hljs-comment\"># \u74b0\u5883\u8b8a\u6578<\/span>\n      - \u8b8a\u6578=\u503c\n    volumes: <span class=\"hljs-comment\"># \u8cc7\u6599\u5377\u639b\u8f09<\/span>\n      - \u4e3b\u6a5f\u8def\u5f91:\u5bb9\u5668\u8def\u5f91\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-4\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>\u7ffb\u8b6f<\/strong>\uff1a<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table>\n<thead>\n<tr>\n<th>\u4f60\u6703\u770b\u5230<\/th>\n<th>\u610f\u601d<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><code>services:<\/code><\/td>\n<td>\u63a5\u4e0b\u4f86\u8981\u5b9a\u7fa9\u6709\u54ea\u4e9b\u5bb9\u5668<\/td>\n<\/tr>\n<tr>\n<td><code>image: nginx<\/code><\/td>\n<td>\u9019\u500b\u5bb9\u5668\u7528 nginx \u6620\u50cf\u6a94<\/td>\n<\/tr>\n<tr>\n<td><code>ports: [\"8080:80\"]<\/code><\/td>\n<td>\u5916\u9762 8080 \u9023\u9032\u4f86\u6703\u5230\u5bb9\u5668\u7684 80<\/td>\n<\/tr>\n<tr>\n<td><code>environment:<\/code><\/td>\n<td>\u8a2d\u5b9a\u5bb9\u5668\u5167\u7684\u74b0\u5883\u8b8a\u6578<\/td>\n<\/tr>\n<tr>\n<td><code>volumes:<\/code><\/td>\n<td>\u628a\u4e3b\u6a5f\u7684\u6a94\u6848\/\u8cc7\u6599\u593e\u639b\u9032\u5bb9\u5668<\/td>\n<\/tr>\n<\/tbody>\n<\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u5be6\u6230\uff1aWeb + Database \u958b\u767c\u74b0\u5883<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u9019\u662f\u6700\u5e38\u898b\u7684\u60c5\u5883\uff1a\u4e00\u500b Web \u61c9\u7528 + \u4e00\u500b\u8cc7\u6599\u5eab\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>docker-compose.yml<\/strong>\uff1a<\/p>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-5\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\">services:\n  <span class=\"hljs-comment\"># \u8cc7\u6599\u5eab\u670d\u52d9<\/span>\n  db:\n    image: mysql:<span class=\"hljs-number\">8<\/span>\n    environment:\n      MYSQL_ROOT_PASSWORD: rootpass\n      MYSQL_DATABASE: myapp\n      MYSQL_USER: appuser\n      MYSQL_PASSWORD: apppass\n    volumes:\n      - db-data:\/<span class=\"hljs-keyword\">var<\/span>\/lib\/mysql\n    ports:\n      - <span class=\"hljs-string\">\"3306:3306\"<\/span>\n\n  <span class=\"hljs-comment\"># Web \u61c9\u7528\u670d\u52d9<\/span>\n  web:\n    image: node:<span class=\"hljs-number\">18<\/span>-alpine\n    working_dir: \/app\n    volumes:\n      - .\/src:\/app\n    ports:\n      - <span class=\"hljs-string\">\"3000:3000\"<\/span>\n    environment:\n      DB_HOST: db\n      DB_USER: appuser\n      DB_PASSWORD: apppass\n    depends_on:\n      - db\n    command: npm start\n\nvolumes:\n  db-data:\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-5\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>\u9010\u6bb5\u89e3\u91cb<\/strong>\uff1a<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">db \u670d\u52d9\uff08MySQL \u8cc7\u6599\u5eab\uff09<\/h3>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-6\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\">db:\n  image: mysql:<span class=\"hljs-number\">8<\/span> <span class=\"hljs-comment\"># \u4f7f\u7528 MySQL 8 \u7248\u672c<\/span>\n  environment: <span class=\"hljs-comment\"># MySQL \u9700\u8981\u7684\u74b0\u5883\u8b8a\u6578<\/span>\n    MYSQL_ROOT_PASSWORD: rootpass <span class=\"hljs-comment\"># root \u5bc6\u78bc<\/span>\n    MYSQL_DATABASE: myapp <span class=\"hljs-comment\"># \u81ea\u52d5\u5efa\u7acb\u7684\u8cc7\u6599\u5eab\u540d\u7a31<\/span>\n    MYSQL_USER: appuser <span class=\"hljs-comment\"># \u65b0\u589e\u7684\u4f7f\u7528\u8005<\/span>\n    MYSQL_PASSWORD: apppass <span class=\"hljs-comment\"># \u4f7f\u7528\u8005\u5bc6\u78bc<\/span>\n  volumes:\n    - db-data:\/<span class=\"hljs-keyword\">var<\/span>\/lib\/mysql <span class=\"hljs-comment\"># \u8cc7\u6599\u4fdd\u5b58\u4f4d\u7f6e\uff08\u91cd\u8981\uff01\uff09<\/span>\n  ports:\n    - <span class=\"hljs-string\">\"3306:3306\"<\/span> <span class=\"hljs-comment\"># \u8b93\u4f60\u7528\u5de5\u5177\u9023\u9032\u4f86\u770b\u8cc7\u6599<\/span>\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-6\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<h3 class=\"wp-block-heading\">web \u670d\u52d9\uff08Node.js \u61c9\u7528\uff09<\/h3>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-7\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\">web:\n  image: node:<span class=\"hljs-number\">18<\/span>-alpine <span class=\"hljs-comment\"># \u4f7f\u7528 Node.js 18<\/span>\n  working_dir: \/app <span class=\"hljs-comment\"># \u5bb9\u5668\u5167\u7684\u5de5\u4f5c\u76ee\u9304<\/span>\n  volumes:\n    - .\/src:\/app <span class=\"hljs-comment\"># \u628a\u672c\u6a5f src \u8cc7\u6599\u593e\u639b\u9032\u53bb<\/span>\n  ports:\n    - <span class=\"hljs-string\">\"3000:3000\"<\/span>\n  environment:\n    DB_HOST: db <span class=\"hljs-comment\"># \u6ce8\u610f\uff01\u9019\u88e1\u7528\u670d\u52d9\u540d\u7a31\u7576\u4e3b\u6a5f\u540d<\/span>\n    DB_USER: appuser\n    DB_PASSWORD: apppass\n  depends_on:\n    - db <span class=\"hljs-comment\"># \u78ba\u4fdd db \u5148\u555f\u52d5<\/span>\n  command: npm start <span class=\"hljs-comment\"># \u5bb9\u5668\u555f\u52d5\u5f8c\u57f7\u884c\u7684\u6307\u4ee4<\/span>\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-7\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<h3 class=\"wp-block-heading\">volumes \u5340\u584a<\/h3>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-8\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\">volumes:\n  db-data: <span class=\"hljs-comment\"># \u5ba3\u544a\u4e00\u500b\u547d\u540d volume<\/span>\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-8\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>\u7ffb\u8b6f<\/strong>\uff1a\u9019\u662f\u544a\u8a34 Docker\u300c\u5e6b\u6211\u7ba1\u7406\u4e00\u500b\u53eb db-data \u7684\u5132\u5b58\u7a7a\u9593\u300d\u3002\u8cc7\u6599\u5eab\u7684\u8cc7\u6599\u6703\u5b58\u5728\u9019\u88e1\uff0c\u5373\u4f7f\u5bb9\u5668\u522a\u9664\u4e86\uff0c\u8cc7\u6599\u9084\u5728\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u5e38\u7528\u6307\u4ee4<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">\u555f\u52d5\u670d\u52d9<\/h3>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-9\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\"><span class=\"hljs-comment\"># \u524d\u666f\u57f7\u884c\uff08\u770b\u5f97\u5230 log\uff09<\/span>\ndocker compose up\n\n<span class=\"hljs-comment\"># \u80cc\u666f\u57f7\u884c<\/span>\ndocker compose up -d\n\n<span class=\"hljs-comment\"># \u53ea\u555f\u52d5\u7279\u5b9a\u670d\u52d9<\/span>\ndocker compose up db\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-9\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<h3 class=\"wp-block-heading\">\u505c\u6b62\u670d\u52d9<\/h3>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-10\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\"><span class=\"hljs-comment\"># \u505c\u6b62\u4e26\u79fb\u9664\u5bb9\u5668<\/span>\ndocker compose down\n\n<span class=\"hljs-comment\"># \u505c\u6b62\u4e26\u79fb\u9664\u5bb9\u5668 + \u522a\u9664 volume\uff08\u8cc7\u6599\u6703\u6d88\u5931\uff01\uff09<\/span>\ndocker compose down -v\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-10\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<h3 class=\"wp-block-heading\">\u67e5\u770b\u72c0\u614b<\/h3>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-11\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\"><span class=\"hljs-comment\"># \u770b\u6709\u54ea\u4e9b\u5bb9\u5668\u5728\u8dd1<\/span>\ndocker compose ps\n\n<span class=\"hljs-comment\"># \u770b log<\/span>\ndocker compose logs\n\n<span class=\"hljs-comment\"># \u5373\u6642\u770b\u7279\u5b9a\u670d\u52d9\u7684 log<\/span>\ndocker compose logs -f web\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-11\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<h3 class=\"wp-block-heading\">\u91cd\u65b0\u5efa\u7acb<\/h3>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-12\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\"><span class=\"hljs-comment\"># \u91cd\u65b0\u5efa\u7acb\u5bb9\u5668\uff08\u8a2d\u5b9a\u6709\u6539\u7684\u6642\u5019\uff09<\/span>\ndocker compose up -d --build\n\n<span class=\"hljs-comment\"># \u5f37\u5236\u91cd\u65b0\u5efa\u7acb<\/span>\ndocker compose up -d --force-recreate\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-12\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<h2 class=\"wp-block-heading\">\u5e38\u898b\u8b8a\u5316<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">\u8b8a\u5316 1\uff1a\u4f7f\u7528 build \u800c\u975e image<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u7576\u4f60\u6709\u81ea\u5df1\u7684 Dockerfile\uff1a<\/p>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-13\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\">services:\n  web:\n    build: . <span class=\"hljs-comment\"># \u7528\u76ee\u524d\u76ee\u9304\u7684 Dockerfile \u5efa\u7acb<\/span>\n    ports:\n      - <span class=\"hljs-string\">\"3000:3000\"<\/span>\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-13\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\">\u6216\u6307\u5b9a Dockerfile \u4f4d\u7f6e\uff1a<\/p>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\"><span><code class=\"hljs\">services:\n  web:\n    build:\n      context: .\/app\n      dockerfile: Dockerfile.dev\n<\/code><\/span><\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>\u7ffb\u8b6f<\/strong>\uff1a\u4e0d\u7528\u73fe\u6210\u6620\u50cf\u6a94\uff0c\u6539\u7528 Dockerfile \u81ea\u5df1\u5efa\u4e00\u500b\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u8b8a\u5316 2\uff1a\u670d\u52d9\u4e4b\u9593\u7684\u7db2\u8def\u9023\u7dda<\/h3>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-14\" data-shcb-language-name=\"PHP\" data-shcb-language-slug=\"php\"><span><code class=\"hljs language-php\">services:\n  web:\n    environment:\n      DB_HOST: db <span class=\"hljs-comment\"># \u76f4\u63a5\u7528\u670d\u52d9\u540d\u7a31\u7576\u4e3b\u6a5f\u540d\uff01<\/span>\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-14\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">PHP<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">php<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>\u9019\u5728\u5e79\u561b<\/strong>\uff1aDocker Compose \u6703\u81ea\u52d5\u5efa\u7acb\u7db2\u8def\uff0c\u8b93\u670d\u52d9\u4e4b\u9593\u53ef\u4ee5\u7528\u300c\u670d\u52d9\u540d\u7a31\u300d\u4e92\u76f8\u9023\u7dda\u3002<code>db<\/code> \u9019\u500b\u540d\u7a31\u6703\u81ea\u52d5\u89e3\u6790\u6210 db \u5bb9\u5668\u7684 IP\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u8b8a\u5316 3\uff1a\u591a\u500b Compose \u6a94\u6848<\/h3>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\" aria-describedby=\"shcb-language-15\" data-shcb-language-name=\"CSS\" data-shcb-language-slug=\"css\"><span><code class=\"hljs language-css\"># \u7528\u958b\u767c\u74b0\u5883\u8a2d\u5b9a\n<span class=\"hljs-selector-tag\">docker<\/span> <span class=\"hljs-selector-tag\">compose<\/span> <span class=\"hljs-selector-tag\">-f<\/span> <span class=\"hljs-selector-tag\">docker-compose<\/span><span class=\"hljs-selector-class\">.yml<\/span> <span class=\"hljs-selector-tag\">-f<\/span> <span class=\"hljs-selector-tag\">docker-compose<\/span><span class=\"hljs-selector-class\">.dev<\/span><span class=\"hljs-selector-class\">.yml<\/span> <span class=\"hljs-selector-tag\">up<\/span>\n\n# \u7528\u6b63\u5f0f\u74b0\u5883\u8a2d\u5b9a\n<span class=\"hljs-selector-tag\">docker<\/span> <span class=\"hljs-selector-tag\">compose<\/span> <span class=\"hljs-selector-tag\">-f<\/span> <span class=\"hljs-selector-tag\">docker-compose<\/span><span class=\"hljs-selector-class\">.yml<\/span> <span class=\"hljs-selector-tag\">-f<\/span> <span class=\"hljs-selector-tag\">docker-compose<\/span><span class=\"hljs-selector-class\">.prod<\/span><span class=\"hljs-selector-class\">.yml<\/span> <span class=\"hljs-selector-tag\">up<\/span>\n<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-15\"><span class=\"shcb-language__label\">Code language:<\/span> <span class=\"shcb-language__name\">CSS<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">css<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre><\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>\u7ffb\u8b6f<\/strong>\uff1a\u53ef\u4ee5\u628a\u5171\u7528\u8a2d\u5b9a\u653e docker-compose.yml\uff0c\u74b0\u5883\u7279\u5b9a\u7684\u8a2d\u5b9a\u653e\u5176\u4ed6\u6a94\u6848\uff0c\u555f\u52d5\u6642\u5408\u4f75\u4f7f\u7528\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Vibe Coder \u6aa2\u67e5\u9ede<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u770b\u5230 AI \u5beb\u7684 docker-compose.yml \u6642\u78ba\u8a8d\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>[ ] <strong>\u8cc7\u6599\u6709\u4fdd\u5b58\u55ce\uff1f<\/strong> \u8cc7\u6599\u5eab\u670d\u52d9\u6709\u6c92\u6709\u8a2d\u5b9a volumes\uff1f\u6c92\u6709\u7684\u8a71\uff0c\u5bb9\u5668\u91cd\u555f\u8cc7\u6599\u6703\u6d88\u5931<\/li>\n<li>[ ] <strong>Port \u6709\u885d\u7a81\u55ce\uff1f<\/strong> \u6aa2\u67e5 ports \u8a2d\u5b9a\uff0c\u78ba\u8a8d\u672c\u6a5f port \u6c92\u6709\u88ab\u5176\u4ed6\u7a0b\u5f0f\u5360\u7528<\/li>\n<li>[ ] <strong>\u74b0\u5883\u8b8a\u6578\u5b89\u5168\u55ce\uff1f<\/strong> \u5bc6\u78bc\u4e0d\u8981\u76f4\u63a5\u5beb\u5728\u6a94\u6848\u88e1\uff0c\u6b63\u5f0f\u74b0\u5883\u61c9\u8a72\u7528 <code>.env<\/code> \u6a94\u6848<\/li>\n<li>[ ] <strong>\u555f\u52d5\u9806\u5e8f\u5c0d\u55ce\uff1f<\/strong> \u4f9d\u8cf4\u5176\u4ed6\u670d\u52d9\u7684\u8981\u52a0 <code>depends_on<\/code><\/li>\n<li>[ ] <strong>\u670d\u52d9\u540d\u7a31\u6709\u610f\u7fa9\u55ce\uff1f<\/strong> \u670d\u52d9\u540d\u7a31\u6703\u8b8a\u6210\u7db2\u8def\u4e3b\u6a5f\u540d\uff0c\u53d6\u500b\u597d\u8a8d\u7684\u540d\u5b57<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">\u5e38\u898b\u554f\u984c<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Q: \u6211\u6539\u4e86\u7a0b\u5f0f\u78bc\uff0c\u4f46\u5bb9\u5668\u6c92\u6709\u66f4\u65b0\uff1f<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>A<\/strong>: \u5982\u679c\u662f\u7528 volumes \u639b\u8f09\u7684\u7a0b\u5f0f\u78bc\uff0c\u6539\u4e86\u61c9\u8a72\u6703\u5373\u6642\u751f\u6548\u3002\u5982\u679c\u662f build \u9032\u6620\u50cf\u6a94\u7684\uff0c\u9700\u8981\u91cd\u65b0 build\uff1a<\/p>\n\n\n<div class=\"cbc-code-wrapper\"><div class=\"cbc-code-bar\"><button class=\"cbc-copy-button\">Copy<\/button><\/div><pre class=\"wp-block-code\"><span><code class=\"hljs\">docker compose up -d --build\n<\/code><\/span><\/pre><\/div>\n\n\n<h3 class=\"wp-block-heading\">Q: \u5bb9\u5668\u555f\u52d5\u5f8c\u99ac\u4e0a\u5c31\u505c\u4e86\uff1f<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>A<\/strong>: \u7528 <code>docker compose logs \u670d\u52d9\u540d\u7a31<\/code> \u770b\u932f\u8aa4\u8a0a\u606f\u3002\u5e38\u898b\u539f\u56e0\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u8a2d\u5b9a\u6a94\u683c\u5f0f\u932f\u8aa4\uff08YAML \u5f88\u5728\u610f\u7e2e\u6392\uff09<\/li>\n<li>\u5fc5\u8981\u7684\u74b0\u5883\u8b8a\u6578\u6c92\u8a2d\u5b9a<\/li>\n<li>Port \u5df2\u88ab\u5360\u7528<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Q: \u8cc7\u6599\u5eab\u9023\u4e0d\u4e0a\uff1f<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>A<\/strong>: \u6aa2\u67e5\u9019\u5e7e\u9ede\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Web \u670d\u52d9\u7684 <code>DB_HOST<\/code> \u662f\u4e0d\u662f\u7528\u670d\u52d9\u540d\u7a31\uff08\u5982 <code>db<\/code>\uff09\u800c\u4e0d\u662f <code>localhost<\/code><\/li>\n<li>\u6709\u6c92\u6709\u52a0 <code>depends_on<\/code>\uff08\u96d6\u7136\u9019\u53ea\u4fdd\u8b49\u555f\u52d5\u9806\u5e8f\uff0c\u4e0d\u4fdd\u8b49\u8cc7\u6599\u5eab\u6e96\u5099\u597d\u4e86\uff09<\/li>\n<li>\u8cc7\u6599\u5eab\u7684\u5e33\u865f\u5bc6\u78bc\u8a2d\u5b9a\u5c0d\u4e0d\u5c0d<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">\u5ef6\u4f38\uff1a\u77e5\u9053\u5c31\u597d<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u9019\u4e9b\u9032\u968e\u529f\u80fd\u9047\u5230\u518d\u67e5\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>profiles<\/strong>\uff1a\u5b9a\u7fa9\u670d\u52d9\u7fa4\u7d44\uff0c\u53ea\u555f\u52d5\u7279\u5b9a\u7fa4\u7d44<\/li>\n<li><strong>networks<\/strong>\uff1a\u81ea\u8a02\u7db2\u8def\u8a2d\u5b9a\uff0c\u9694\u96e2\u4e0d\u540c\u670d\u52d9\u7fa4\u7d44<\/li>\n<li><strong>healthcheck<\/strong>\uff1a\u5065\u5eb7\u6aa2\u67e5\uff0c\u78ba\u4fdd\u670d\u52d9\u771f\u7684\u6e96\u5099\u597d\u4e86<\/li>\n<li><strong>secrets<\/strong>\uff1a\u5b89\u5168\u5730\u7ba1\u7406\u654f\u611f\u8cc7\u8a0a<\/li>\n<li><strong>deploy<\/strong>\uff1a\u7528\u65bc Docker Swarm \u7684\u90e8\u7f72\u8a2d\u5b9a<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">\u7e3d\u7d50<\/h2>\n\n\n\n<figure class=\"wp-block-table\"><table>\n<thead>\n<tr>\n<th>\u60c5\u5883<\/th>\n<th>\u6307\u4ee4<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>\u555f\u52d5\u6240\u6709\u670d\u52d9<\/td>\n<td><code>docker compose up -d<\/code><\/td>\n<\/tr>\n<tr>\n<td>\u505c\u6b62\u6240\u6709\u670d\u52d9<\/td>\n<td><code>docker compose down<\/code><\/td>\n<\/tr>\n<tr>\n<td>\u770b\u54ea\u4e9b\u5728\u8dd1<\/td>\n<td><code>docker compose ps<\/code><\/td>\n<\/tr>\n<tr>\n<td>\u770b log<\/td>\n<td><code>docker compose logs -f<\/code><\/td>\n<\/tr>\n<tr>\n<td>\u91cd\u65b0\u5efa\u7acb<\/td>\n<td><code>docker compose up -d --build<\/code><\/td>\n<\/tr>\n<\/tbody>\n<\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u8a18\u4f4f\u9019\u500b\u5de5\u4f5c\u6d41\u7a0b<\/strong>\uff1a<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>\u5beb\u597d <code>docker-compose.yml<\/code><\/li>\n<li><code>docker compose up -d<\/code> \u555f\u52d5<\/li>\n<li>\u958b\u767c\u3001\u6e2c\u8a66<\/li>\n<li><code>docker compose down<\/code> \u6536\u5de5<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">\u606d\u559c\u4f60\u5b8c\u6210 Docker \u5165\u9580\u7cfb\u5217\uff01\u73fe\u5728\u4f60\u5df2\u7d93\u638c\u63e1\u4e86\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Docker \u662f\u4ec0\u9ebc\u3001\u70ba\u4ec0\u9ebc\u8981\u7528<\/li>\n<li>\u5982\u4f55\u4f7f\u7528 Docker \u6620\u50cf\u6a94\u548c\u5bb9\u5668<\/li>\n<li>\u5982\u4f55\u7528 Dockerfile \u6253\u5305\u61c9\u7528\u7a0b\u5f0f<\/li>\n<li>\u5982\u4f55\u7528 Docker Compose \u7ba1\u7406\u591a\u5bb9\u5668\u74b0\u5883<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\u9019\u4e9b\u77e5\u8b58\u8db3\u5920\u8b93\u4f60\u770b\u61c2 AI \u751f\u6210\u7684 Docker \u76f8\u95dc\u7a0b\u5f0f\u78bc\uff0c\u4e5f\u80fd\u81ea\u5df1\u52d5\u624b\u8a2d\u5b9a\u958b\u767c\u74b0\u5883\u4e86\u3002<\/p>\n\n\n\n<div id=\"quiz-advanced\">\n<style>\n#quiz-advanced .badge {\n            display: inline-block;\n            padding: 4px 10px;\n            border-radius: 12px;\n            font-size: 0.75em;\n            font-weight: bold;\n            margin-left: 8px;\n        }#quiz-advanced .badge.scenario { background: #ebf8ff; color: #2b6cb0; }#quiz-advanced .badge.debug { background: #fef3c7; color: #92400e; }#quiz-advanced .question-adv {\n            background: white;\n            border-radius: 10px;\n            padding: 24px;\n            margin: 20px 0;\n            box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n            border-left: 4px solid #ed8936;\n        }#quiz-advanced .question-adv h3 { margin-top: 0; color: #2d3748; }#quiz-advanced .code-block {\n            background: #1e1e1e;\n            color: #d4d4d4;\n            padding: 14px;\n            border-radius: 6px;\n            font-family: 'Menlo', 'Monaco', 'Courier New', monospace;\n            font-size: 0.9em;\n            overflow-x: auto;\n            margin: 12px 0;\n            white-space: pre-wrap;\n        }#quiz-advanced .options-adv { list-style: none; padding: 0; }#quiz-advanced .options-adv li {\n            padding: 14px 16px;\n            margin: 10px 0;\n            border: 2px solid #e2e8f0;\n            border-radius: 8px;\n            cursor: pointer;\n            transition: all 0.2s;\n        }#quiz-advanced .options-adv li:hover:not(.disabled) {\n            border-color: #ed8936;\n            background: #fffaf0;\n        }#quiz-advanced .options-adv li.disabled { cursor: default; opacity: 0.7; }#quiz-advanced .options-adv li.show-answer { border-color: #48bb78; background: #f0fff4; }#quiz-advanced .options-adv li.wrong { border-color: #fc8181; background: #fff5f5; }#quiz-advanced .feedback-adv {\n            margin-top: 16px;\n            padding: 14px;\n            border-radius: 8px;\n            display: none;\n            line-height: 1.6;\n        }#quiz-advanced .feedback-adv.correct { background: #f0fff4; color: #276749; display: block; }#quiz-advanced .feedback-adv.wrong { background: #fff5f5; color: #c53030; display: block; }#quiz-advanced .feedback-adv \n        .score-adv {\n            text-align: center;\n            font-size: 1.4em;\n            padding: 24px;\n            background: white;\n            border-radius: 10px;\n            margin-top: 24px;\n            box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n        }#quiz-advanced .intro {\n            background: #ebf8ff;\n            padding: 16px;\n            border-radius: 8px;\n            margin-bottom: 20px;\n            color: #2c5282;\n        }\n<\/style>\n<h1>\u9032\u968e\u6e2c\u9a57\uff1aDocker Compose \u5feb\u901f\u4e0a\u624b<\/h1>\n    <div class=\"intro\">\n        <strong>\u6e2c\u9a57\u76ee\u6a19\uff1a<\/strong>\u9a57\u8b49\u4f60\u662f\u5426\u80fd\u5728\u5be6\u969b\u60c5\u5883\u4e2d\u61c9\u7528\u6240\u5b78\u3002<br>\n        \u5171 5 \u984c\uff0c\u5305\u542b\u60c5\u5883\u984c\u8207\u932f\u8aa4\u8a3a\u65b7\u984c\u3002\n    <\/div>\n\n    <div class=\"question-adv\" id=\"qAdv1\">\n        <h3>1. \u4f60\u6b63\u5728\u958b\u767c\u4e00\u500b Node.js \u5c08\u6848\uff0c\u9700\u8981\u9023\u63a5 MySQL \u8cc7\u6599\u5eab\u3002\u4f60\u60f3\u8981\u5728\u672c\u6a5f\u958b\u767c\u6642\uff0c\u7a0b\u5f0f\u78bc\u4fee\u6539\u5f8c\u80fd\u5373\u6642\u751f\u6548\uff0c\u800c\u4e14\u8cc7\u6599\u5eab\u8cc7\u6599\u8981\u4fdd\u7559\u3002\u61c9\u8a72\u600e\u9ebc\u8a2d\u5b9a docker-compose.yml\uff1f <span class=\"badge scenario\">\u60c5\u5883\u984c<\/span><\/h3>\n        <ul class=\"options-adv\">\n            <li onclick=\"checkAnswerAdv(1, 'A', 'C')\">A. \u53ea\u8a2d\u5b9a depends_on \u78ba\u4fdd\u555f\u52d5\u9806\u5e8f\u6b63\u78ba<\/li>\n            <li onclick=\"checkAnswerAdv(1, 'B', 'C')\">B. \u7528 build \u628a\u7a0b\u5f0f\u78bc\u6253\u5305\u9032\u6620\u50cf\u6a94<\/li>\n            <li onclick=\"checkAnswerAdv(1, 'C', 'C')\">C. Web \u670d\u52d9\u7528 volumes \u639b\u8f09\u7a0b\u5f0f\u78bc\uff0cDB \u670d\u52d9\u7528\u547d\u540d\u5377\u4fdd\u5b58\u8cc7\u6599<\/li>\n            <li onclick=\"checkAnswerAdv(1, 'D', 'C')\">D. \u8a2d\u5b9a restart: always \u8b93\u5bb9\u5668\u81ea\u52d5\u91cd\u555f<\/li>\n        <\/ul>\n        <div class=\"feedback-adv\" id=\"fbAdv1\"><\/div>\n    <\/div>\n\n    <div class=\"question-adv\" id=\"qAdv2\">\n        <h3>2. \u5c0f\u660e\u57f7\u884c <code>docker compose up<\/code> \u5f8c\uff0cWeb \u61c9\u7528\u7121\u6cd5\u9023\u63a5\u5230\u8cc7\u6599\u5eab\u3002\u4ee5\u4e0b\u662f\u4ed6\u7684\u8a2d\u5b9a\u6a94\uff0c\u554f\u984c\u5728\u54ea\uff1f <span class=\"badge debug\">\u932f\u8aa4\u8a3a\u65b7<\/span><\/h3>\n        <div class=\"code-block\">services:\n  db:\n    image: mysql:8\n    environment:\n      MYSQL_ROOT_PASSWORD: secret\n  web:\n    image: node:18\n    environment:\n      DB_HOST: localhost\n      DB_PASSWORD: secret<\/div>\n        <ul class=\"options-adv\">\n            <li onclick=\"checkAnswerAdv(2, 'A', 'B')\">A. \u7f3a\u5c11 ports \u8a2d\u5b9a<\/li>\n            <li onclick=\"checkAnswerAdv(2, 'B', 'B')\">B. DB_HOST \u61c9\u8a72\u8a2d\u6210\u670d\u52d9\u540d\u7a31 db\uff0c\u800c\u4e0d\u662f localhost<\/li>\n            <li onclick=\"checkAnswerAdv(2, 'C', 'B')\">C. \u7f3a\u5c11 depends_on \u8a2d\u5b9a<\/li>\n            <li onclick=\"checkAnswerAdv(2, 'D', 'B')\">D. MySQL \u6620\u50cf\u6a94\u7248\u672c\u592a\u820a<\/li>\n        <\/ul>\n        <div class=\"feedback-adv\" id=\"fbAdv2\"><\/div>\n    <\/div>\n\n    <div class=\"question-adv\" id=\"qAdv3\">\n        <h3>3. \u4f60\u4fee\u6539\u4e86 Dockerfile \u4e26\u66f4\u65b0\u4e86\u4e00\u4e9b\u8a2d\u5b9a\uff0c\u57f7\u884c <code>docker compose up -d<\/code> \u5f8c\u767c\u73fe\u8b8a\u66f4\u6c92\u6709\u751f\u6548\u3002\u4f60\u61c9\u8a72\u57f7\u884c\u4ec0\u9ebc\u6307\u4ee4\uff1f <span class=\"badge scenario\">\u60c5\u5883\u984c<\/span><\/h3>\n        <ul class=\"options-adv\">\n            <li onclick=\"checkAnswerAdv(3, 'A', 'D')\">A. docker compose restart<\/li>\n            <li onclick=\"checkAnswerAdv(3, 'B', 'D')\">B. docker compose down &#038;&#038; docker compose up -d<\/li>\n            <li onclick=\"checkAnswerAdv(3, 'C', 'D')\">C. docker compose logs<\/li>\n            <li onclick=\"checkAnswerAdv(3, 'D', 'D')\">D. docker compose up -d &#8211;build<\/li>\n        <\/ul>\n        <div class=\"feedback-adv\" id=\"fbAdv3\"><\/div>\n    <\/div>\n\n    <div class=\"question-adv\" id=\"qAdv4\">\n        <h3>4. \u5c0f\u7f8e\u57f7\u884c <code>docker compose down -v<\/code> \u5f8c\uff0c\u91cd\u65b0\u555f\u52d5\u670d\u52d9\u767c\u73fe\u8cc7\u6599\u5eab\u662f\u7a7a\u7684\u3002\u9019\u662f\u4ec0\u9ebc\u539f\u56e0\uff1f <span class=\"badge debug\">\u932f\u8aa4\u8a3a\u65b7<\/span><\/h3>\n        <ul class=\"options-adv\">\n            <li onclick=\"checkAnswerAdv(4, 'A', 'C')\">A. MySQL \u6620\u50cf\u6a94\u640d\u58de\u4e86<\/li>\n            <li onclick=\"checkAnswerAdv(4, 'B', 'C')\">B. \u74b0\u5883\u8b8a\u6578\u8a2d\u5b9a\u932f\u8aa4<\/li>\n            <li onclick=\"checkAnswerAdv(4, 'C', 'C')\">C. -v \u53c3\u6578\u6703\u522a\u9664 volumes\uff0c\u8cc7\u6599\u5eab\u7684\u8cc7\u6599\u5132\u5b58\u5728 volume \u4e2d\u6240\u4ee5\u88ab\u522a\u9664\u4e86<\/li>\n            <li onclick=\"checkAnswerAdv(4, 'D', 'C')\">D. \u9700\u8981\u5148\u57f7\u884c docker compose pull \u66f4\u65b0\u6620\u50cf\u6a94<\/li>\n        <\/ul>\n        <div class=\"feedback-adv\" id=\"fbAdv4\"><\/div>\n    <\/div>\n\n    <div class=\"question-adv\" id=\"qAdv5\">\n        <h3>5. \u5718\u968a\u60f3\u8981\u5728\u958b\u767c\u74b0\u5883\u548c\u6b63\u5f0f\u74b0\u5883\u4f7f\u7528\u4e0d\u540c\u7684\u8a2d\u5b9a\uff08\u4f8b\u5982\u958b\u767c\u6642\u958b\u653e\u66f4\u591a port\uff09\uff0c\u61c9\u8a72\u600e\u9ebc\u505a\uff1f <span class=\"badge scenario\">\u60c5\u5883\u984c<\/span><\/h3>\n        <ul class=\"options-adv\">\n            <li onclick=\"checkAnswerAdv(5, 'A', 'B')\">A. \u7dad\u8b77\u5169\u4efd\u5b8c\u5168\u7368\u7acb\u7684 docker-compose.yml<\/li>\n            <li onclick=\"checkAnswerAdv(5, 'B', 'B')\">B. \u7528\u591a\u500b Compose \u6a94\u6848\uff0c\u555f\u52d5\u6642\u5408\u4f75\uff1adocker compose -f docker-compose.yml -f docker-compose.dev.yml up<\/li>\n            <li onclick=\"checkAnswerAdv(5, 'C', 'B')\">C. \u5728 docker-compose.yml \u4e2d\u7528 if-else \u5224\u65b7\u74b0\u5883<\/li>\n            <li onclick=\"checkAnswerAdv(5, 'D', 'B')\">D. \u6bcf\u6b21\u624b\u52d5\u4fee\u6539\u8a2d\u5b9a\u5f8c\u518d\u57f7\u884c<\/li>\n        <\/ul>\n        <div class=\"feedback-adv\" id=\"fbAdv5\"><\/div>\n    <\/div>\n\n    <div class=\"score-adv\" id=\"scoreAdv\" style=\"display:none;\"><\/div>\n<script>\n\n        let answeredAdv = 0;\n        let correctAdv = 0;\n        const totalAdv = 5;\n        const explanationsAdv = {\n            1: \"\u8981\u9054\u6210\u300c\u7a0b\u5f0f\u78bc\u5373\u6642\u751f\u6548\u300d\u9700\u8981\u7528 volumes \u628a\u672c\u6a5f\u7a0b\u5f0f\u78bc\u639b\u8f09\u9032\u5bb9\u5668\uff08\u5982 .\/src:\/app\uff09\u3002\u8981\u300c\u4fdd\u7559\u8cc7\u6599\u5eab\u8cc7\u6599\u300d\u9700\u8981\u7528\u547d\u540d\u5377\u5132\u5b58\u8cc7\u6599\uff08\u5982 db-data:\/var\/lib\/mysql\uff09\u3002depends_on \u53ea\u63a7\u5236\u555f\u52d5\u9806\u5e8f\uff0cbuild \u6703\u628a\u7a0b\u5f0f\u78bc\u6253\u5305\u9032\u6620\u50cf\u6a94\u5c0e\u81f4\u4fee\u6539\u4e0d\u6703\u5373\u6642\u751f\u6548\uff0crestart \u53ea\u63a7\u5236\u91cd\u555f\u884c\u70ba\u3002\",\n            2: \"\u5728 Docker Compose \u7db2\u8def\u4e2d\uff0c\u5404\u670d\u52d9\u4e4b\u9593\u8981\u7528\u300c\u670d\u52d9\u540d\u7a31\u300d\u4f5c\u70ba\u4e3b\u6a5f\u540d\u9023\u7dda\u3002localhost \u6307\u7684\u662f\u5bb9\u5668\u81ea\u5df1\uff0c\u4e0d\u662f\u5176\u4ed6\u670d\u52d9\u3002\u6b63\u78ba\u8a2d\u5b9a\u61c9\u8a72\u662f <code>DB_HOST: db<\/code>\u3002\u96d6\u7136\u7f3a\u5c11 depends_on \u548c ports \u53ef\u80fd\u9020\u6210\u5176\u4ed6\u554f\u984c\uff0c\u4f46\u9023\u7dda\u5931\u6557\u7684\u76f4\u63a5\u539f\u56e0\u662f DB_HOST \u8a2d\u932f\u3002\",\n            3: \"<code>docker compose up -d --build<\/code> \u6703\u91cd\u65b0\u5efa\u7acb\u6620\u50cf\u6a94\u4e26\u66f4\u65b0\u5bb9\u5668\u3002restart \u53ea\u662f\u91cd\u555f\u73fe\u6709\u5bb9\u5668\uff0c\u4e0d\u6703\u91cd\u65b0 build\u3002down + up \u96d6\u7136\u6703\u91cd\u5efa\u5bb9\u5668\uff0c\u4f46\u5982\u679c\u6c92\u6709\u52a0 --build\uff0c\u9084\u662f\u6703\u7528\u820a\u7684\u6620\u50cf\u6a94\u3002logs \u662f\u770b\u65e5\u8a8c\uff0c\u4e0d\u662f\u66f4\u65b0\u5bb9\u5668\u3002\",\n            4: \"<code>-v<\/code> \u53c3\u6578\u7684\u4f5c\u7528\u662f\u5728 down \u6642\u4e00\u4f75\u522a\u9664 volumes\u3002\u8cc7\u6599\u5eab\u7684\u8cc7\u6599\u901a\u5e38\u5132\u5b58\u5728 volume \u4e2d\uff08\u5982 \/var\/lib\/mysql\uff09\uff0c\u6240\u4ee5\u4f7f\u7528 -v \u53c3\u6578\u5f8c\u8cc7\u6599\u6703\u88ab\u6e05\u9664\u3002\u5982\u679c\u53ea\u60f3\u505c\u6b62\u670d\u52d9\u4fdd\u7559\u8cc7\u6599\uff0c\u61c9\u8a72\u7528 <code>docker compose down<\/code>\uff08\u4e0d\u52a0 -v\uff09\u3002\",\n            5: \"Docker Compose \u652f\u63f4\u591a\u6a94\u6848\u5408\u4f75\uff0c\u53ef\u4ee5\u628a\u5171\u7528\u8a2d\u5b9a\u653e\u5728\u57fa\u790e\u6a94\u6848\uff0c\u74b0\u5883\u7279\u5b9a\u8a2d\u5b9a\u653e\u5728\u7368\u7acb\u6a94\u6848\u3002\u555f\u52d5\u6642\u7528 <code>-f<\/code> \u53c3\u6578\u6307\u5b9a\u591a\u500b\u6a94\u6848\uff0c\u5f8c\u9762\u7684\u6a94\u6848\u6703\u8986\u84cb\u524d\u9762\u7684\u8a2d\u5b9a\u3002\u9019\u6a23\u53ef\u4ee5\u907f\u514d\u91cd\u8907\u8a2d\u5b9a\uff0c\u4e5f\u4e0d\u9700\u8981\u624b\u52d5\u4fee\u6539\u3002YAML \u4e0d\u652f\u63f4 if-else \u908f\u8f2f\u5224\u65b7\u3002\"\n        };\n\n        function checkAnswerAdv(qNum, selected, correctAns) {\n            const question = document.getElementById('qAdv' + qNum);\n            if (question.classList.contains('answered')) return;\n\n            question.classList.add('answered');\n            answeredAdv++;\n\n            const options = question.querySelectorAll('.options-adv li');\n            options.forEach(opt => {\n                opt.classList.add('disabled');\n                if (opt.textContent.startsWith(correctAns + '.')) {\n                    opt.classList.add('show-answer');\n                }\n            });\n\n            const feedback = document.getElementById('fbAdv' + qNum);\n            if (selected === correctAns) {\n                correctAdv++;\n                feedback.className = 'feedback-adv correct';\n                feedback.innerHTML = '&#10003; \u6b63\u78ba\uff01' + explanationsAdv[qNum];\n            } else {\n                feedback.className = 'feedback-adv wrong';\n                feedback.innerHTML = '&#10007; \u932f\u8aa4\u3002\u6b63\u78ba\u7b54\u6848\u662f ' + correctAns + '\u3002' + explanationsAdv[qNum];\n                options.forEach(opt => {\n                    if (opt.textContent.startsWith(selected + '.')) {\n                        opt.classList.add('wrong');\n                    }\n                });\n            }\n\n            if (answeredAdv === totalAdv) {\n                const scoreDiv = document.getElementById('scoreAdv');\n                scoreDiv.style.display = 'block';\n                let msg = '';\n                if (correctAdv === totalAdv) msg = '\u5b8c\u7f8e\uff01\u4f60\u5df2\u7d93\u6e96\u5099\u597d\u5be6\u6230\u4e86\uff01';\n                else if (correctAdv >= Math.ceil(totalAdv * 0.8)) msg = '\u5f88\u68d2\uff01\u518d\u8907\u7fd2\u4e00\u4e0b\u932f\u7684\u984c\u76ee';\n                else if (correctAdv >= Math.ceil(totalAdv * 0.6)) msg = '\u5efa\u8b70\u91cd\u8b80\u76f8\u95dc\u6bb5\u843d\u5f8c\u518d\u8a66\u4e00\u6b21';\n                else msg = '\u5efa\u8b70\u91cd\u65b0\u95b1\u8b80\u6587\u4ef6\uff0c\u7279\u5225\u6ce8\u610f\u64cd\u4f5c\u6d41\u7a0b';\n                scoreDiv.innerHTML = '\u6e2c\u9a57\u5b8c\u6210\uff01\u5f97\u5206\uff1a' + correctAdv + ' \/ ' + totalAdv + '<br>' + msg;\n            }\n        }\n    \n<\/script>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u6e2c\u9a57\uff1aDocker Compose \u5feb\u901f\u4e0a\u624b \u5171 5 \u984c\uff0c\u9ede\u9078\u7b54\u6848\u5f8c\u6703\u7acb\u5373\u986f\u793a\u7d50\u679c 1. Docker Com [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rolpb_likes":0,"footnotes":""},"categories":[238],"tags":[138,11,149],"class_list":["post-248","post","type-post","status-publish","format-standard","hentry","category-docker--","tag-docker","tag-11","tag-149"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/posts\/248","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/comments?post=248"}],"version-history":[{"count":0,"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/posts\/248\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/media?parent=248"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/categories?post=248"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.itsmygo.uk\/wordpress\/wp-json\/wp\/v2\/tags?post=248"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}