![\"\u30c8\u30ec\u30b5\u30dd\u306e\u30e1\u30a4\u30f3\u30da\u30fc\u30b8\"](\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d8cdc913a08637a6d1c9a\/3-0.png\" "\\"\\"")
<\/div>\n\u9009\u62e9\u4f7f\u7528\u5404\u81ea\u7684\u6280\u672f\u539f\u56e0<\/h1>\n\n- \n
Docker: \u30ed\u30fc\u30ab\u30eb\u958b\u767a\u74b0\u5883\u306e\u7d71\u4e00\u306e\u305f\u3081<\/ul>\n<\/li>\n<\/ul>\n <\/p>\n
\n- \n
Django(graphene-django): \u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u3068\u3057\u3066\u3001\u5358\u4e00\u306e\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3067\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u3066\u3001\u30c7\u30fc\u30bf\u3092\u7d5e\u3063\u3066\u53d6\u5f97\u3067\u304d\u308b\u305f\u3081<\/ul>\n<\/li>\n<\/ul>\n <\/p>\n
\n- \n
Next.js: \u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u3068\u3057\u3066\u3001\u30e9\u30a4\u30d6\u30e9\u30ea\u304c\u8c4a\u5bcc\u3067\u3042\u308a\u3001\u7c21\u5358\u306b\u304a\u3057\u3083\u308c\u306aUI\u69cb\u7bc9\u304c\u3067\u304d\u3001 SSG\u65b9\u5f0f\u3092\u53d6\u308b\u3053\u3068\u3067\u3001SEO\u5bfe\u7b56\u306b\u306a\u308b\u305f\u3081<\/ul>\n<\/li>\n<\/ul>\n <\/p>\n
\n- \n
TypeScript: \u30b3\u30f3\u30d1\u30a4\u30eb\u6642\u70b9\u3067\u30a8\u30e9\u30fc\u304c\u5206\u304b\u308b\u305f\u3081<\/ul>\n<\/li>\n<\/ul>\n <\/p>\n
ECS: Docker\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u305d\u306e\u307e\u307e\u30c7\u30d7\u30ed\u30a4\u3067\u304d\u308b\u305f\u3081<\/ul>\n\u5f00\u53d1\u73af\u5883 f\u0101<\/h1>\n\n- \n
macOS Big Sur 11.2.1 (M1)<\/ul>\n<\/li>\n<\/ul>\n <\/p>\n
\n- \n
frontend<\/ul>\n<\/li>\n<\/ul>\nnode 16.3.0
\nnext 11.0.1
\ntypescript 4.3.4
\nrecoil 0.3.1
\nformik 2.2.9
\njest 26.6.3
\napollo-client<\/p>\n
backend<\/p>\n
Python 3.7.10
\nDjango 3.1.2
\ngraphene-django 2.13.0<\/p>\n
Postgres 10<\/p>\n
\u5728\u9879\u76ee\u6839\u76ee\u5f55\u4e0b\u521b\u5efa\u6587\u4ef6\u548c\u6587\u4ef6\u5939\u3002<\/h1>\n
\u6587\u4ef6\u5939\u7ed3\u6784\u5982\u4e0b\u6240\u793a\u3002<\/p>\n
myProject\/\r\n app\/\r\n frontend\/\r\n Dockerfile\r\n Dockerfile-node\r\n docker-compose.yml\r\n requirements.txt\r\n Makefile\r\n<\/code><\/pre>\n\n- \n
Dockerfile<\/ul>\n<\/li>\n<\/ul>\n <\/p>\n
\n- \n
\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u7528\u306eDockerfile\u3002ECS\u306b\u30c7\u30d7\u30ed\u30a4\u3059\u308b\u90fd\u5408\u4e0a\u3001dockerhub\u304b\u3089python\u306e\u30a4\u30e1\u30fc\u30b8\u3092pull\u3059\u308b\u969b\u306bM1\u306eMac\u3060\u3068amd64\u3067\u306f\u306a\u3044\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u53d6\u5f97\u3057\u3066\u3057\u307e\u3046\u305f\u3081\u3001\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u6307\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002<\/ul>\n<\/li>\n<\/ul>\n <\/p>\n
CMD\u306b\u95a2\u3057\u3066\u306f\u3001\u672c\u756a\u7528\u306b\u8a18\u8f09\u3057\u3066\u304a\u308a\u3001django\u306esettings\u3092\u672c\u756a\u7528\u3068\u958b\u767a\u74b0\u5883\u7528\u306b\u5206\u3051\u3066\u3044\u308b\u3002\u958b\u767a\u74b0\u5883\u3067\u306fdocker-compose\u306b\u3066\u30b3\u30de\u30f3\u30c9\u3092\u4e0a\u66f8\u304d\u3057\u3066\u3044\u307e\u3059\u3002<\/ul>\n
FROM<\/span> python@sha256:73c7d5d218ff9e2d76f41edcc1bd4f71961f7551ea7b2e39ab8b4793cede21b4<\/span>\r\n\r\nENV<\/span> PYTHONDONTWRITEBYTECODE 1<\/span>\r\nENV<\/span> PYTHONUNBUFFERED 1<\/span>\r\n\r\nCOPY<\/span> .\/requirements.txt \/requirements.txt<\/span>\r\nRUN <\/span>apk add --update<\/span> --no-cache<\/span> postgresql-client jpeg-dev\r\nRUN <\/span>apk add --update<\/span> --no-cache<\/span> --virtual<\/span> .tmp-build-deps \\\r\n<\/span> gcc libc-dev linux-headers postgresql-dev musl-dev zlib zlib-dev\r\nRUN <\/span>pip install<\/span> -r<\/span> \/requirements.txt\r\nRUN <\/span>apk del .tmp-build-deps\r\n\r\nRUN <\/span>mkdir<\/span> \/app\r\nWORKDIR<\/span> \/app<\/span>\r\nCOPY<\/span> .\/app \/app<\/span>\r\n\r\nRUN <\/span>mkdir<\/span> -p<\/span> \/vol\/web\/media\r\nRUN <\/span>mkdir<\/span> -p<\/span> \/vol\/web\/static\r\nRUN <\/span>adduser -D<\/span> user\r\nRUN <\/span>chown<\/span> -R<\/span> user:user \/vol\/\r\nRUN <\/span>chmod<\/span> -R<\/span> 755 \/vol\/web\r\nUSER<\/span> user<\/span>\r\n\r\nCMD<\/span> sh -c \"python manage.py migrate --settings app.prod_settings && python manage.py runserver 0.0.0.0:8000 --settings app.prod_settings\"<\/span>\r\n\r\n<\/code><\/pre>\n\n- \n
Dockerfile-nodejs<\/ul>\n<\/li>\n<\/ul>\n <\/p>\n
\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u7528\u306eDockerfile\u3002\u3053\u3061\u3089\u3082\u540c\u69d8\u306b\u3001node.js\u306e\u30a4\u30e1\u30fc\u30b8\u3092\u53d6\u5f97\u3059\u308b\u306e\u306b\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u6307\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002<\/ul>\n
FROM<\/span> node@sha256:f5079a4f93c8e4fd07ffa93fc95f6484d7f4f40abd126c11810cb282483ab599<\/span>\r\nMAINTAINER<\/span> kanagawa App Developer Ltd<\/span>\r\n\r\nRUN <\/span>npm config set <\/span>unsafe-perm true<\/span>\r\nRUN <\/span>npm install<\/span> -g<\/span> npm\r\nRUN <\/span>npm install<\/span> -g<\/span> create-next-app\r\nRUN <\/span>mkdir<\/span> \/frontend\r\n\r\nWORKDIR<\/span> \/frontend<\/span>\r\nCOPY<\/span> .\/frontend \/frontend<\/span>\r\n\r\nCMD<\/span> sh -c \"npm run start\"<\/span>\r\n\r\n<\/code><\/pre>\n\n- \n
docker-compose.yml<\/ul>\n<\/li>\n<\/ul>\n <\/p>\n
\u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u3001DB\u306e\u30b3\u30f3\u30c6\u30ca\u3092\u8d77\u52d5\u3059\u308b\u3088\u3046\u306b\u4f5c\u6210\u3057\u3066\u3044\u307e\u3059\u3002<\/ul>\n
version<\/span>:<\/span> \"<\/span>3\"<\/span>\r\n\r\nservices<\/span>:<\/span>\r\n app<\/span>:<\/span>\r\n build<\/span>:<\/span>\r\n context<\/span>:<\/span> .<\/span>\r\n ports<\/span>:<\/span>\r\n -<\/span> \"<\/span>8000:8000\"<\/span>\r\n volumes<\/span>:<\/span>\r\n -<\/span> .\/app:\/app<\/span>\r\n command<\/span>:<\/span> sh -c \"python manage.py migrate &&<\/span>\r\n python manage.py runserver 0.0.0.0:8000\"<\/span>\r\n environment<\/span>:<\/span>\r\n -<\/span> FRONT_URI=http:\/\/localhost:3000<\/span>\r\n -<\/span> ALLOWED_HOST=localhost<\/span>\r\n -<\/span> DB_HOST=db<\/span>\r\n -<\/span> DB_NAME=app<\/span>\r\n -<\/span> DB_USER=postgres<\/span>\r\n -<\/span> DB_PASS=supersecretpassword<\/span>\r\n depends_on<\/span>:<\/span>\r\n -<\/span> db<\/span>\r\n\r\n db<\/span>:<\/span>\r\n image<\/span>:<\/span> postgres:10-alpine<\/span>\r\n environment<\/span>:<\/span>\r\n -<\/span> POSTGRES_DB=app<\/span>\r\n -<\/span> POSTGRES_USER=postgres<\/span>\r\n -<\/span> POSTGRES_PASSWORD=supersecretpassword<\/span>\r\n -<\/span> POSTGRES_HOST_AUTH_METHOD=trust<\/span>\r\n\r\n next<\/span>:<\/span>\r\n build<\/span>:<\/span>\r\n context<\/span>:<\/span> .<\/span>\r\n dockerfile<\/span>:<\/span> \"<\/span>.\/Dockerfile-nodejs\"<\/span>\r\n volumes<\/span>:<\/span>\r\n -<\/span> .\/frontend:\/frontend<\/span>\r\n command<\/span>:<\/span> sh -c \"npm run dev\"<\/span>\r\n ports<\/span>:<\/span>\r\n -<\/span> \"<\/span>3000:3000\"<\/span>\r\n\r\n<\/code><\/pre>\n\n- \n
requirements.txt<\/ul>\n<\/li>\n<\/ul>\n <\/p>\n
django\u306b\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b\u30d1\u30c3\u30b1\u30fc\u30b8\u3092\u8a18\u8f09\u3057\u3066\u3044\u307e\u3059\u3002<\/ul>\n
Django==3.1.2\r\ngraphene-django==2.13.0\r\ndjango-filter==2.4.0\r\ndjango-graphql-jwt==0.3.1\r\nPyJWT==1.7.1\r\ndjango-cors-headers==3.5.0\r\npsycopg2\r\nfactory-boy\r\npytz\r\ndjango-environ\r\ngunicorn==20.0.4\r\n<\/code><\/pre>\nMakefile<\/ul>\n
.PHONY<\/span>:<\/span>\r\n\tapp test <\/span>migrate pro admin django react \r\n\r\napp<\/span>:<\/span>\r\n\tdocker-compose run --rm<\/span> app sh -c<\/span> \"python manage.py startapp api\"<\/span>\r\n\r\nmigrate<\/span>:<\/span>\r\n\tdocker-compose run --rm<\/span> app sh -c<\/span> \"python manage.py makemigrations --settings app.dev_settings\"<\/span>\r\n\tdocker-compose run --rm<\/span> app sh -c<\/span> \"python manage.py migrate --settings app.dev_settings\"<\/span>\r\n\r\nadmin<\/span>:<\/span>\r\n\tdocker-compose run --rm<\/span> app sh -c<\/span> \"python manage.py createsuperuser --settings app.dev_settings\"<\/span>\r\n\r\ndjango<\/span>:<\/span>\r\n\tdocker-compose run --rm<\/span> app sh -c<\/span> \"django-admin startproject app .\"<\/span>\r\n\r\nnext<\/span>:<\/span>\r\n\tdocker-compose run --rm<\/span> next sh -c<\/span> \"npx create-next-app . --ts\"<\/span>\r\n\r\ndjango-test<\/span>:<\/span>\r\n\tdocker-compose run --rm<\/span> app sh -c<\/span> \"python manage.py test --settings app.dev_settings\"<\/span>\r\n\r\n<\/code><\/pre>\n\u4f7f\u7528\u4ee5\u4e0b\u547d\u4ee4\u521b\u5efa\u524d\u7aef\u548c\u540e\u7aef\u955c\u50cf<\/p>\n
$ docker-compose build\r\n<\/code><\/pre>\n2. \u521b\u5efa\u4e00\u4e2a Next.js \u7684\u9879\u76ee<\/h1>\n
\u7528\u4ee5\u4e0b\u547d\u4ee4\u521b\u5efaNext.js\u9879\u76ee\u3002<\/p>\n
$ make next\r\n<\/code><\/pre>\n\u521b\u5efa\u4e00\u4e2aDjango\u9879\u76ee\u3002<\/h1>\n
\u7528\u4ee5\u4e0b\u547d\u4ee4\u521b\u5efaDjango\u9879\u76ee\uff1a<\/p>\n
$ make django\r\n<\/code><\/pre>\n\u4f7f\u7528\u4ee5\u4e0b\u547d\u4ee4\u5c06\u5e94\u7528\u7a0b\u5e8f\u6dfb\u52a0\u5230Django\u4e2d\u3002<\/p>\n
$ make app\r\n<\/code><\/pre>\n4. \u786e\u8ba4\u884c\u52a8<\/h1>\n
\u6211\u5c06\u6682\u505c\u6240\u6709\u5bb9\u5668\uff0c\u5e76\u5c1d\u8bd5\u542f\u52a8\u5bb9\u5668\u3002<\/p>\n
$ docker-compose stop\r\n$ docker-compose up\r\n<\/code><\/pre>\n![\"next.js\u306e\u30c8\u30c3\u30d7\u753b\u9762\"](\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d8cdc913a08637a6d1c9a\/34-0.png\" "\\"\\"")
<\/div>\n![\"\u30b9\u30af\u30ea\u30fc\u30f3\u30b7\u30e7\u30c3\u30c8](\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d8cdc913a08637a6d1c9a\/35-0.png\" "\\"\\"")
<\/div>\n\u603b\u7ed3<\/h1>\n
\u6211\u5728Dodker\u4e0a\u5efa\u7acb\u4e86\u73af\u5883\u5e76\u521b\u5efa\u4e86Next.js\u548cDjango\u9879\u76ee\uff0c\u5e76\u8fdb\u884c\u4e86\u542f\u52a8\u786e\u8ba4\u3002\u4e0b\u6b21\u6211\u5c06\u5199\u6709\u5173Django\u9879\u76ee\u7684\u521d\u6b65\u8bbe\u7f6e\u548c\u6a21\u578b\u521b\u5efa\u7684\u90e8\u5206\u3002<\/p>\n
\u672c\u6587\u4ecb\u7ecd\u4e86\u4f7f\u7528Docker+Django+Next+TypeScript+ECS\u521b\u5efa\u5e94\u7528\u7a0b\u5e8f\u7684\u7ecf\u5386\uff0c\u4eceDjango\u7684\u521d\u59cb\u914d\u7f6e\u5230\u521b\u5efa\u6a21\u578b\u3002<\/p>\n
\u8bf7\u53c2\u7167\u4ee5\u4e0b\u5185\u5bb9\uff0c\u4ee5\u6c49\u8bed\u6bcd\u8bed\u5b8c\u6210\u7ffb\u8bd1\uff0c\u53ea\u9700\u8981\u4e00\u79cd\u9009\u62e9\uff1a<\/h1>\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
\u9996\u5148 \u6211\u4e3a\u4e86\u6211\u7684\u6c42\u804c\u6d3b\u52a8\uff0c\u4f7f\u7528\u4e86Docker\uff0cDjango\uff08graphene-django\uff09\uff0cNext.js\uff0c […]<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-49691","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"\n
\u4f7f\u7528Docker+Django+Next+TypeScript+ECS\u5f00\u53d1Web\u5e94\u7528\u7684\u6545\u4e8b\uff081\uff09\uff5e\u51c6\u5907\u7bc7\uff5e - Blog - Silicon Cloud<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.silicloud.com\/zh\/blog\/\u4f7f\u7528dockerdjangonexttypescriptecs\u5f00\u53d1web\u5e94\u7528\u7684\u6545\u4e8b\uff081\uff09\uff5e\u51c6\u5907\u7bc7\uff5e\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u4f7f\u7528Docker+Django+Next+TypeScript+ECS\u5f00\u53d1Web\u5e94\u7528\u7684\u6545\u4e8b\uff081\uff09\uff5e\u51c6\u5907\u7bc7\uff5e\" \/>\n<meta property=\"og:description\" content=\"\u9996\u5148 \u6211\u4e3a\u4e86\u6211\u7684\u6c42\u804c\u6d3b\u52a8\uff0c\u4f7f\u7528\u4e86Docker\uff0cDjango\uff08graphene-django\uff09\uff0cNext.js\uff0c […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.silicloud.com\/zh\/blog\/\u4f7f\u7528dockerdjangonexttypescriptecs\u5f00\u53d1web\u5e94\u7528\u7684\u6545\u4e8b\uff081\uff09\uff5e\u51c6\u5907\u7bc7\uff5e\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog - Silicon Cloud\" \/>\n<meta property=\"article:published_time\" content=\"2023-09-15T13:40:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-29T09:50:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d8cdc913a08637a6d1c9a\/3-0.png\" \/>\n<meta name=\"author\" content=\"\u79d1, \u9896\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u79d1, \u9896\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8dockerdjangonexttypescriptecs%e5%bc%80%e5%8f%91web%e5%ba%94%e7%94%a8%e7%9a%84%e6%95%85%e4%ba%8b%ef%bc%881%ef%bc%89%ef%bd%9e%e5%87%86%e5%a4%87%e7%af%87%ef%bd%9e\/\",\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8dockerdjangonexttypescriptecs%e5%bc%80%e5%8f%91web%e5%ba%94%e7%94%a8%e7%9a%84%e6%95%85%e4%ba%8b%ef%bc%881%ef%bc%89%ef%bd%9e%e5%87%86%e5%a4%87%e7%af%87%ef%bd%9e\/\",\"name\":\"\u4f7f\u7528Docker+Django+Next+TypeScript+ECS\u5f00\u53d1Web\u5e94\u7528\u7684\u6545\u4e8b\uff081\uff09\uff5e\u51c6\u5907\u7bc7\uff5e - Blog - Silicon Cloud\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#website\"},\"datePublished\":\"2023-09-15T13:40:56+00:00\",\"dateModified\":\"2024-04-29T09:50:15+00:00\",\"author\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/8ca01ba7f7362ad4edb7da206a12f29e\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8dockerdjangonexttypescriptecs%e5%bc%80%e5%8f%91web%e5%ba%94%e7%94%a8%e7%9a%84%e6%95%85%e4%ba%8b%ef%bc%881%ef%bc%89%ef%bd%9e%e5%87%86%e5%a4%87%e7%af%87%ef%bd%9e\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8dockerdjangonexttypescriptecs%e5%bc%80%e5%8f%91web%e5%ba%94%e7%94%a8%e7%9a%84%e6%95%85%e4%ba%8b%ef%bc%881%ef%bc%89%ef%bd%9e%e5%87%86%e5%a4%87%e7%af%87%ef%bd%9e\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8dockerdjangonexttypescriptecs%e5%bc%80%e5%8f%91web%e5%ba%94%e7%94%a8%e7%9a%84%e6%95%85%e4%ba%8b%ef%bc%881%ef%bc%89%ef%bd%9e%e5%87%86%e5%a4%87%e7%af%87%ef%bd%9e\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.silicloud.com\/zh\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u4f7f\u7528Docker+Django+Next+TypeScript+ECS\u5f00\u53d1Web\u5e94\u7528\u7684\u6545\u4e8b\uff081\uff09\uff5e\u51c6\u5907\u7bc7\uff5e\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#website\",\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/\",\"name\":\"Blog - Silicon Cloud\",\"description\":\"\",\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/8ca01ba7f7362ad4edb7da206a12f29e\",\"name\":\"\u79d1, \u9896\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8a6fb3cc7ba2f69d2189ba532aec4633ea7ed75ac0af162ec367cb3abc0fb2af?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8a6fb3cc7ba2f69d2189ba532aec4633ea7ed75ac0af162ec367cb3abc0fb2af?s=96&d=mm&r=g\",\"caption\":\"\u79d1, \u9896\"},\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/author\/keying\/\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8dockerdjangonexttypescriptecs%e5%bc%80%e5%8f%91web%e5%ba%94%e7%94%a8%e7%9a%84%e6%95%85%e4%ba%8b%ef%bc%881%ef%bc%89%ef%bd%9e%e5%87%86%e5%a4%87%e7%af%87%ef%bd%9e\/#local-main-organization-logo\",\"url\":\"\",\"contentUrl\":\"\",\"caption\":\"Blog - Silicon Cloud\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u4f7f\u7528Docker+Django+Next+TypeScript+ECS\u5f00\u53d1Web\u5e94\u7528\u7684\u6545\u4e8b\uff081\uff09\uff5e\u51c6\u5907\u7bc7\uff5e - Blog - Silicon Cloud","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.silicloud.com\/zh\/blog\/\u4f7f\u7528dockerdjangonexttypescriptecs\u5f00\u53d1web\u5e94\u7528\u7684\u6545\u4e8b\uff081\uff09\uff5e\u51c6\u5907\u7bc7\uff5e\/","og_locale":"zh_CN","og_type":"article","og_title":"\u4f7f\u7528Docker+Django+Next+TypeScript+ECS\u5f00\u53d1Web\u5e94\u7528\u7684\u6545\u4e8b\uff081\uff09\uff5e\u51c6\u5907\u7bc7\uff5e","og_description":"\u9996\u5148 \u6211\u4e3a\u4e86\u6211\u7684\u6c42\u804c\u6d3b\u52a8\uff0c\u4f7f\u7528\u4e86Docker\uff0cDjango\uff08graphene-django\uff09\uff0cNext.js\uff0c […]","og_url":"https:\/\/www.silicloud.com\/zh\/blog\/\u4f7f\u7528dockerdjangonexttypescriptecs\u5f00\u53d1web\u5e94\u7528\u7684\u6545\u4e8b\uff081\uff09\uff5e\u51c6\u5907\u7bc7\uff5e\/","og_site_name":"Blog - Silicon Cloud","article_published_time":"2023-09-15T13:40:56+00:00","article_modified_time":"2024-04-29T09:50:15+00:00","og_image":[{"url":"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d8cdc913a08637a6d1c9a\/3-0.png"}],"author":"\u79d1, \u9896","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"\u79d1, \u9896","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"2 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8dockerdjangonexttypescriptecs%e5%bc%80%e5%8f%91web%e5%ba%94%e7%94%a8%e7%9a%84%e6%95%85%e4%ba%8b%ef%bc%881%ef%bc%89%ef%bd%9e%e5%87%86%e5%a4%87%e7%af%87%ef%bd%9e\/","url":"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8dockerdjangonexttypescriptecs%e5%bc%80%e5%8f%91web%e5%ba%94%e7%94%a8%e7%9a%84%e6%95%85%e4%ba%8b%ef%bc%881%ef%bc%89%ef%bd%9e%e5%87%86%e5%a4%87%e7%af%87%ef%bd%9e\/","name":"\u4f7f\u7528Docker+Django+Next+TypeScript+ECS\u5f00\u53d1Web\u5e94\u7528\u7684\u6545\u4e8b\uff081\uff09\uff5e\u51c6\u5907\u7bc7\uff5e - Blog - Silicon Cloud","isPartOf":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/#website"},"datePublished":"2023-09-15T13:40:56+00:00","dateModified":"2024-04-29T09:50:15+00:00","author":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/8ca01ba7f7362ad4edb7da206a12f29e"},"breadcrumb":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8dockerdjangonexttypescriptecs%e5%bc%80%e5%8f%91web%e5%ba%94%e7%94%a8%e7%9a%84%e6%95%85%e4%ba%8b%ef%bc%881%ef%bc%89%ef%bd%9e%e5%87%86%e5%a4%87%e7%af%87%ef%bd%9e\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8dockerdjangonexttypescriptecs%e5%bc%80%e5%8f%91web%e5%ba%94%e7%94%a8%e7%9a%84%e6%95%85%e4%ba%8b%ef%bc%881%ef%bc%89%ef%bd%9e%e5%87%86%e5%a4%87%e7%af%87%ef%bd%9e\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8dockerdjangonexttypescriptecs%e5%bc%80%e5%8f%91web%e5%ba%94%e7%94%a8%e7%9a%84%e6%95%85%e4%ba%8b%ef%bc%881%ef%bc%89%ef%bd%9e%e5%87%86%e5%a4%87%e7%af%87%ef%bd%9e\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.silicloud.com\/zh\/blog\/"},{"@type":"ListItem","position":2,"name":"\u4f7f\u7528Docker+Django+Next+TypeScript+ECS\u5f00\u53d1Web\u5e94\u7528\u7684\u6545\u4e8b\uff081\uff09\uff5e\u51c6\u5907\u7bc7\uff5e"}]},{"@type":"WebSite","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#website","url":"https:\/\/www.silicloud.com\/zh\/blog\/","name":"Blog - Silicon Cloud","description":"","inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/8ca01ba7f7362ad4edb7da206a12f29e","name":"\u79d1, \u9896","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8a6fb3cc7ba2f69d2189ba532aec4633ea7ed75ac0af162ec367cb3abc0fb2af?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8a6fb3cc7ba2f69d2189ba532aec4633ea7ed75ac0af162ec367cb3abc0fb2af?s=96&d=mm&r=g","caption":"\u79d1, \u9896"},"url":"https:\/\/www.silicloud.com\/zh\/blog\/author\/keying\/"},{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8dockerdjangonexttypescriptecs%e5%bc%80%e5%8f%91web%e5%ba%94%e7%94%a8%e7%9a%84%e6%95%85%e4%ba%8b%ef%bc%881%ef%bc%89%ef%bd%9e%e5%87%86%e5%a4%87%e7%af%87%ef%bd%9e\/#local-main-organization-logo","url":"","contentUrl":"","caption":"Blog - Silicon Cloud"}]}},"_links":{"self":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/49691","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/comments?post=49691"}],"version-history":[{"count":2,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/49691\/revisions"}],"predecessor-version":[{"id":86735,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/49691\/revisions\/86735"}],"wp:attachment":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/media?parent=49691"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/categories?post=49691"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/tags?post=49691"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- Docker: \u30ed\u30fc\u30ab\u30eb\u958b\u767a\u74b0\u5883\u306e\u7d71\u4e00\u306e\u305f\u3081<\/ul>\n<\/li>\n<\/ul>\n
- \n
- Django(graphene-django): \u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u3068\u3057\u3066\u3001\u5358\u4e00\u306e\u30a8\u30f3\u30c9\u30dd\u30a4\u30f3\u30c8\u3067\u30af\u30a8\u30ea\u3092\u5b9f\u884c\u3057\u3066\u3001\u30c7\u30fc\u30bf\u3092\u7d5e\u3063\u3066\u53d6\u5f97\u3067\u304d\u308b\u305f\u3081<\/ul>\n<\/li>\n<\/ul>\n
- \n
- Next.js: \u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u3068\u3057\u3066\u3001\u30e9\u30a4\u30d6\u30e9\u30ea\u304c\u8c4a\u5bcc\u3067\u3042\u308a\u3001\u7c21\u5358\u306b\u304a\u3057\u3083\u308c\u306aUI\u69cb\u7bc9\u304c\u3067\u304d\u3001 SSG\u65b9\u5f0f\u3092\u53d6\u308b\u3053\u3068\u3067\u3001SEO\u5bfe\u7b56\u306b\u306a\u308b\u305f\u3081<\/ul>\n<\/li>\n<\/ul>\n
- \n
- TypeScript: \u30b3\u30f3\u30d1\u30a4\u30eb\u6642\u70b9\u3067\u30a8\u30e9\u30fc\u304c\u5206\u304b\u308b\u305f\u3081<\/ul>\n<\/li>\n<\/ul>\n
- \n
- macOS Big Sur 11.2.1 (M1)<\/ul>\n<\/li>\n<\/ul>\n
- \n
- frontend<\/ul>\n<\/li>\n<\/ul>\n
node 16.3.0
\nnext 11.0.1
\ntypescript 4.3.4
\nrecoil 0.3.1
\nformik 2.2.9
\njest 26.6.3
\napollo-client<\/p>\nbackend<\/p>\n
Python 3.7.10
\nDjango 3.1.2
\ngraphene-django 2.13.0<\/p>\nPostgres 10<\/p>\n
\u5728\u9879\u76ee\u6839\u76ee\u5f55\u4e0b\u521b\u5efa\u6587\u4ef6\u548c\u6587\u4ef6\u5939\u3002<\/h1>\n
\u6587\u4ef6\u5939\u7ed3\u6784\u5982\u4e0b\u6240\u793a\u3002<\/p>\n
myProject\/\r\n app\/\r\n frontend\/\r\n Dockerfile\r\n Dockerfile-node\r\n docker-compose.yml\r\n requirements.txt\r\n Makefile\r\n<\/code><\/pre>\n- \n
- \n
- Dockerfile<\/ul>\n<\/li>\n<\/ul>\n
- \n
- \u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u7528\u306eDockerfile\u3002ECS\u306b\u30c7\u30d7\u30ed\u30a4\u3059\u308b\u90fd\u5408\u4e0a\u3001dockerhub\u304b\u3089python\u306e\u30a4\u30e1\u30fc\u30b8\u3092pull\u3059\u308b\u969b\u306bM1\u306eMac\u3060\u3068amd64\u3067\u306f\u306a\u3044\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u53d6\u5f97\u3057\u3066\u3057\u307e\u3046\u305f\u3081\u3001\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u6307\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002<\/ul>\n<\/li>\n<\/ul>\n
<\/p>\n
- CMD\u306b\u95a2\u3057\u3066\u306f\u3001\u672c\u756a\u7528\u306b\u8a18\u8f09\u3057\u3066\u304a\u308a\u3001django\u306esettings\u3092\u672c\u756a\u7528\u3068\u958b\u767a\u74b0\u5883\u7528\u306b\u5206\u3051\u3066\u3044\u308b\u3002\u958b\u767a\u74b0\u5883\u3067\u306fdocker-compose\u306b\u3066\u30b3\u30de\u30f3\u30c9\u3092\u4e0a\u66f8\u304d\u3057\u3066\u3044\u307e\u3059\u3002<\/ul>\n
FROM<\/span> python@sha256:73c7d5d218ff9e2d76f41edcc1bd4f71961f7551ea7b2e39ab8b4793cede21b4<\/span>\r\n\r\nENV<\/span> PYTHONDONTWRITEBYTECODE 1<\/span>\r\nENV<\/span> PYTHONUNBUFFERED 1<\/span>\r\n\r\nCOPY<\/span> .\/requirements.txt \/requirements.txt<\/span>\r\nRUN <\/span>apk add --update<\/span> --no-cache<\/span> postgresql-client jpeg-dev\r\nRUN <\/span>apk add --update<\/span> --no-cache<\/span> --virtual<\/span> .tmp-build-deps \\\r\n<\/span> gcc libc-dev linux-headers postgresql-dev musl-dev zlib zlib-dev\r\nRUN <\/span>pip install<\/span> -r<\/span> \/requirements.txt\r\nRUN <\/span>apk del .tmp-build-deps\r\n\r\nRUN <\/span>mkdir<\/span> \/app\r\nWORKDIR<\/span> \/app<\/span>\r\nCOPY<\/span> .\/app \/app<\/span>\r\n\r\nRUN <\/span>mkdir<\/span> -p<\/span> \/vol\/web\/media\r\nRUN <\/span>mkdir<\/span> -p<\/span> \/vol\/web\/static\r\nRUN <\/span>adduser -D<\/span> user\r\nRUN <\/span>chown<\/span> -R<\/span> user:user \/vol\/\r\nRUN <\/span>chmod<\/span> -R<\/span> 755 \/vol\/web\r\nUSER<\/span> user<\/span>\r\n\r\nCMD<\/span> sh -c \"python manage.py migrate --settings app.prod_settings && python manage.py runserver 0.0.0.0:8000 --settings app.prod_settings\"<\/span>\r\n\r\n<\/code><\/pre>\n- \n
- \n
- Dockerfile-nodejs<\/ul>\n<\/li>\n<\/ul>\n
<\/p>\n
- \u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u7528\u306eDockerfile\u3002\u3053\u3061\u3089\u3082\u540c\u69d8\u306b\u3001node.js\u306e\u30a4\u30e1\u30fc\u30b8\u3092\u53d6\u5f97\u3059\u308b\u306e\u306b\u30a2\u30fc\u30ad\u30c6\u30af\u30c1\u30e3\u3092\u6307\u5b9a\u3057\u3066\u3044\u307e\u3059\u3002<\/ul>\n
FROM<\/span> node@sha256:f5079a4f93c8e4fd07ffa93fc95f6484d7f4f40abd126c11810cb282483ab599<\/span>\r\nMAINTAINER<\/span> kanagawa App Developer Ltd<\/span>\r\n\r\nRUN <\/span>npm config set <\/span>unsafe-perm true<\/span>\r\nRUN <\/span>npm install<\/span> -g<\/span> npm\r\nRUN <\/span>npm install<\/span> -g<\/span> create-next-app\r\nRUN <\/span>mkdir<\/span> \/frontend\r\n\r\nWORKDIR<\/span> \/frontend<\/span>\r\nCOPY<\/span> .\/frontend \/frontend<\/span>\r\n\r\nCMD<\/span> sh -c \"npm run start\"<\/span>\r\n\r\n<\/code><\/pre>\n- \n
- \n
- docker-compose.yml<\/ul>\n<\/li>\n<\/ul>\n
<\/p>\n
- \u30d5\u30ed\u30f3\u30c8\u30a8\u30f3\u30c9\u3001\u30d0\u30c3\u30af\u30a8\u30f3\u30c9\u3001DB\u306e\u30b3\u30f3\u30c6\u30ca\u3092\u8d77\u52d5\u3059\u308b\u3088\u3046\u306b\u4f5c\u6210\u3057\u3066\u3044\u307e\u3059\u3002<\/ul>\n
version<\/span>:<\/span> \"<\/span>3\"<\/span>\r\n\r\nservices<\/span>:<\/span>\r\n app<\/span>:<\/span>\r\n build<\/span>:<\/span>\r\n context<\/span>:<\/span> .<\/span>\r\n ports<\/span>:<\/span>\r\n -<\/span> \"<\/span>8000:8000\"<\/span>\r\n volumes<\/span>:<\/span>\r\n -<\/span> .\/app:\/app<\/span>\r\n command<\/span>:<\/span> sh -c \"python manage.py migrate &&<\/span>\r\n python manage.py runserver 0.0.0.0:8000\"<\/span>\r\n environment<\/span>:<\/span>\r\n -<\/span> FRONT_URI=http:\/\/localhost:3000<\/span>\r\n -<\/span> ALLOWED_HOST=localhost<\/span>\r\n -<\/span> DB_HOST=db<\/span>\r\n -<\/span> DB_NAME=app<\/span>\r\n -<\/span> DB_USER=postgres<\/span>\r\n -<\/span> DB_PASS=supersecretpassword<\/span>\r\n depends_on<\/span>:<\/span>\r\n -<\/span> db<\/span>\r\n\r\n db<\/span>:<\/span>\r\n image<\/span>:<\/span> postgres:10-alpine<\/span>\r\n environment<\/span>:<\/span>\r\n -<\/span> POSTGRES_DB=app<\/span>\r\n -<\/span> POSTGRES_USER=postgres<\/span>\r\n -<\/span> POSTGRES_PASSWORD=supersecretpassword<\/span>\r\n -<\/span> POSTGRES_HOST_AUTH_METHOD=trust<\/span>\r\n\r\n next<\/span>:<\/span>\r\n build<\/span>:<\/span>\r\n context<\/span>:<\/span> .<\/span>\r\n dockerfile<\/span>:<\/span> \"<\/span>.\/Dockerfile-nodejs\"<\/span>\r\n volumes<\/span>:<\/span>\r\n -<\/span> .\/frontend:\/frontend<\/span>\r\n command<\/span>:<\/span> sh -c \"npm run dev\"<\/span>\r\n ports<\/span>:<\/span>\r\n -<\/span> \"<\/span>3000:3000\"<\/span>\r\n\r\n<\/code><\/pre>\n- \n
- \n
- requirements.txt<\/ul>\n<\/li>\n<\/ul>\n
<\/p>\n
- django\u306b\u30a4\u30f3\u30b9\u30c8\u30fc\u30eb\u3059\u308b\u30d1\u30c3\u30b1\u30fc\u30b8\u3092\u8a18\u8f09\u3057\u3066\u3044\u307e\u3059\u3002<\/ul>\n
Django==3.1.2\r\ngraphene-django==2.13.0\r\ndjango-filter==2.4.0\r\ndjango-graphql-jwt==0.3.1\r\nPyJWT==1.7.1\r\ndjango-cors-headers==3.5.0\r\npsycopg2\r\nfactory-boy\r\npytz\r\ndjango-environ\r\ngunicorn==20.0.4\r\n<\/code><\/pre>\n- Makefile<\/ul>\n
.PHONY<\/span>:<\/span>\r\n\tapp test <\/span>migrate pro admin django react \r\n\r\napp<\/span>:<\/span>\r\n\tdocker-compose run --rm<\/span> app sh -c<\/span> \"python manage.py startapp api\"<\/span>\r\n\r\nmigrate<\/span>:<\/span>\r\n\tdocker-compose run --rm<\/span> app sh -c<\/span> \"python manage.py makemigrations --settings app.dev_settings\"<\/span>\r\n\tdocker-compose run --rm<\/span> app sh -c<\/span> \"python manage.py migrate --settings app.dev_settings\"<\/span>\r\n\r\nadmin<\/span>:<\/span>\r\n\tdocker-compose run --rm<\/span> app sh -c<\/span> \"python manage.py createsuperuser --settings app.dev_settings\"<\/span>\r\n\r\ndjango<\/span>:<\/span>\r\n\tdocker-compose run --rm<\/span> app sh -c<\/span> \"django-admin startproject app .\"<\/span>\r\n\r\nnext<\/span>:<\/span>\r\n\tdocker-compose run --rm<\/span> next sh -c<\/span> \"npx create-next-app . --ts\"<\/span>\r\n\r\ndjango-test<\/span>:<\/span>\r\n\tdocker-compose run --rm<\/span> app sh -c<\/span> \"python manage.py test --settings app.dev_settings\"<\/span>\r\n\r\n<\/code><\/pre>\n\u4f7f\u7528\u4ee5\u4e0b\u547d\u4ee4\u521b\u5efa\u524d\u7aef\u548c\u540e\u7aef\u955c\u50cf<\/p>\n
$ docker-compose build\r\n<\/code><\/pre>\n2. \u521b\u5efa\u4e00\u4e2a Next.js \u7684\u9879\u76ee<\/h1>\n
\u7528\u4ee5\u4e0b\u547d\u4ee4\u521b\u5efaNext.js\u9879\u76ee\u3002<\/p>\n
$ make next\r\n<\/code><\/pre>\n\u521b\u5efa\u4e00\u4e2aDjango\u9879\u76ee\u3002<\/h1>\n
\u7528\u4ee5\u4e0b\u547d\u4ee4\u521b\u5efaDjango\u9879\u76ee\uff1a<\/p>\n
$ make django\r\n<\/code><\/pre>\n\u4f7f\u7528\u4ee5\u4e0b\u547d\u4ee4\u5c06\u5e94\u7528\u7a0b\u5e8f\u6dfb\u52a0\u5230Django\u4e2d\u3002<\/p>\n
$ make app\r\n<\/code><\/pre>\n4. \u786e\u8ba4\u884c\u52a8<\/h1>\n
\u6211\u5c06\u6682\u505c\u6240\u6709\u5bb9\u5668\uff0c\u5e76\u5c1d\u8bd5\u542f\u52a8\u5bb9\u5668\u3002<\/p>\n
$ docker-compose stop\r\n$ docker-compose up\r\n<\/code><\/pre>\n<\/div>\n<\/div>\n\u603b\u7ed3<\/h1>\n
\u6211\u5728Dodker\u4e0a\u5efa\u7acb\u4e86\u73af\u5883\u5e76\u521b\u5efa\u4e86Next.js\u548cDjango\u9879\u76ee\uff0c\u5e76\u8fdb\u884c\u4e86\u542f\u52a8\u786e\u8ba4\u3002\u4e0b\u6b21\u6211\u5c06\u5199\u6709\u5173Django\u9879\u76ee\u7684\u521d\u6b65\u8bbe\u7f6e\u548c\u6a21\u578b\u521b\u5efa\u7684\u90e8\u5206\u3002<\/p>\n
\u672c\u6587\u4ecb\u7ecd\u4e86\u4f7f\u7528Docker+Django+Next+TypeScript+ECS\u521b\u5efa\u5e94\u7528\u7a0b\u5e8f\u7684\u7ecf\u5386\uff0c\u4eceDjango\u7684\u521d\u59cb\u914d\u7f6e\u5230\u521b\u5efa\u6a21\u578b\u3002<\/p>\n
\u8bf7\u53c2\u7167\u4ee5\u4e0b\u5185\u5bb9\uff0c\u4ee5\u6c49\u8bed\u6bcd\u8bed\u5b8c\u6210\u7ffb\u8bd1\uff0c\u53ea\u9700\u8981\u4e00\u79cd\u9009\u62e9\uff1a<\/h1>\n
<\/p>\n","protected":false},"excerpt":{"rendered":"
\u9996\u5148 \u6211\u4e3a\u4e86\u6211\u7684\u6c42\u804c\u6d3b\u52a8\uff0c\u4f7f\u7528\u4e86Docker\uff0cDjango\uff08graphene-django\uff09\uff0cNext.js\uff0c […]<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-49691","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"\n
\u4f7f\u7528Docker+Django+Next+TypeScript+ECS\u5f00\u53d1Web\u5e94\u7528\u7684\u6545\u4e8b\uff081\uff09\uff5e\u51c6\u5907\u7bc7\uff5e - Blog - Silicon Cloud<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.silicloud.com\/zh\/blog\/\u4f7f\u7528dockerdjangonexttypescriptecs\u5f00\u53d1web\u5e94\u7528\u7684\u6545\u4e8b\uff081\uff09\uff5e\u51c6\u5907\u7bc7\uff5e\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u4f7f\u7528Docker+Django+Next+TypeScript+ECS\u5f00\u53d1Web\u5e94\u7528\u7684\u6545\u4e8b\uff081\uff09\uff5e\u51c6\u5907\u7bc7\uff5e\" \/>\n<meta property=\"og:description\" content=\"\u9996\u5148 \u6211\u4e3a\u4e86\u6211\u7684\u6c42\u804c\u6d3b\u52a8\uff0c\u4f7f\u7528\u4e86Docker\uff0cDjango\uff08graphene-django\uff09\uff0cNext.js\uff0c […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.silicloud.com\/zh\/blog\/\u4f7f\u7528dockerdjangonexttypescriptecs\u5f00\u53d1web\u5e94\u7528\u7684\u6545\u4e8b\uff081\uff09\uff5e\u51c6\u5907\u7bc7\uff5e\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog - Silicon Cloud\" \/>\n<meta property=\"article:published_time\" content=\"2023-09-15T13:40:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-29T09:50:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d8cdc913a08637a6d1c9a\/3-0.png\" \/>\n<meta name=\"author\" content=\"\u79d1, \u9896\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u79d1, \u9896\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8dockerdjangonexttypescriptecs%e5%bc%80%e5%8f%91web%e5%ba%94%e7%94%a8%e7%9a%84%e6%95%85%e4%ba%8b%ef%bc%881%ef%bc%89%ef%bd%9e%e5%87%86%e5%a4%87%e7%af%87%ef%bd%9e\/\",\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8dockerdjangonexttypescriptecs%e5%bc%80%e5%8f%91web%e5%ba%94%e7%94%a8%e7%9a%84%e6%95%85%e4%ba%8b%ef%bc%881%ef%bc%89%ef%bd%9e%e5%87%86%e5%a4%87%e7%af%87%ef%bd%9e\/\",\"name\":\"\u4f7f\u7528Docker+Django+Next+TypeScript+ECS\u5f00\u53d1Web\u5e94\u7528\u7684\u6545\u4e8b\uff081\uff09\uff5e\u51c6\u5907\u7bc7\uff5e - Blog - Silicon Cloud\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#website\"},\"datePublished\":\"2023-09-15T13:40:56+00:00\",\"dateModified\":\"2024-04-29T09:50:15+00:00\",\"author\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/8ca01ba7f7362ad4edb7da206a12f29e\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8dockerdjangonexttypescriptecs%e5%bc%80%e5%8f%91web%e5%ba%94%e7%94%a8%e7%9a%84%e6%95%85%e4%ba%8b%ef%bc%881%ef%bc%89%ef%bd%9e%e5%87%86%e5%a4%87%e7%af%87%ef%bd%9e\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8dockerdjangonexttypescriptecs%e5%bc%80%e5%8f%91web%e5%ba%94%e7%94%a8%e7%9a%84%e6%95%85%e4%ba%8b%ef%bc%881%ef%bc%89%ef%bd%9e%e5%87%86%e5%a4%87%e7%af%87%ef%bd%9e\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8dockerdjangonexttypescriptecs%e5%bc%80%e5%8f%91web%e5%ba%94%e7%94%a8%e7%9a%84%e6%95%85%e4%ba%8b%ef%bc%881%ef%bc%89%ef%bd%9e%e5%87%86%e5%a4%87%e7%af%87%ef%bd%9e\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/www.silicloud.com\/zh\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u4f7f\u7528Docker+Django+Next+TypeScript+ECS\u5f00\u53d1Web\u5e94\u7528\u7684\u6545\u4e8b\uff081\uff09\uff5e\u51c6\u5907\u7bc7\uff5e\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#website\",\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/\",\"name\":\"Blog - Silicon Cloud\",\"description\":\"\",\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/8ca01ba7f7362ad4edb7da206a12f29e\",\"name\":\"\u79d1, \u9896\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8a6fb3cc7ba2f69d2189ba532aec4633ea7ed75ac0af162ec367cb3abc0fb2af?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8a6fb3cc7ba2f69d2189ba532aec4633ea7ed75ac0af162ec367cb3abc0fb2af?s=96&d=mm&r=g\",\"caption\":\"\u79d1, \u9896\"},\"url\":\"https:\/\/www.silicloud.com\/zh\/blog\/author\/keying\/\"},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8dockerdjangonexttypescriptecs%e5%bc%80%e5%8f%91web%e5%ba%94%e7%94%a8%e7%9a%84%e6%95%85%e4%ba%8b%ef%bc%881%ef%bc%89%ef%bd%9e%e5%87%86%e5%a4%87%e7%af%87%ef%bd%9e\/#local-main-organization-logo\",\"url\":\"\",\"contentUrl\":\"\",\"caption\":\"Blog - Silicon Cloud\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u4f7f\u7528Docker+Django+Next+TypeScript+ECS\u5f00\u53d1Web\u5e94\u7528\u7684\u6545\u4e8b\uff081\uff09\uff5e\u51c6\u5907\u7bc7\uff5e - Blog - Silicon Cloud","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.silicloud.com\/zh\/blog\/\u4f7f\u7528dockerdjangonexttypescriptecs\u5f00\u53d1web\u5e94\u7528\u7684\u6545\u4e8b\uff081\uff09\uff5e\u51c6\u5907\u7bc7\uff5e\/","og_locale":"zh_CN","og_type":"article","og_title":"\u4f7f\u7528Docker+Django+Next+TypeScript+ECS\u5f00\u53d1Web\u5e94\u7528\u7684\u6545\u4e8b\uff081\uff09\uff5e\u51c6\u5907\u7bc7\uff5e","og_description":"\u9996\u5148 \u6211\u4e3a\u4e86\u6211\u7684\u6c42\u804c\u6d3b\u52a8\uff0c\u4f7f\u7528\u4e86Docker\uff0cDjango\uff08graphene-django\uff09\uff0cNext.js\uff0c […]","og_url":"https:\/\/www.silicloud.com\/zh\/blog\/\u4f7f\u7528dockerdjangonexttypescriptecs\u5f00\u53d1web\u5e94\u7528\u7684\u6545\u4e8b\uff081\uff09\uff5e\u51c6\u5907\u7bc7\uff5e\/","og_site_name":"Blog - Silicon Cloud","article_published_time":"2023-09-15T13:40:56+00:00","article_modified_time":"2024-04-29T09:50:15+00:00","og_image":[{"url":"https:\/\/cdn.silicloud.com\/blog-img\/blog\/img\/657d8cdc913a08637a6d1c9a\/3-0.png"}],"author":"\u79d1, \u9896","twitter_card":"summary_large_image","twitter_misc":{"\u4f5c\u8005":"\u79d1, \u9896","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"2 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8dockerdjangonexttypescriptecs%e5%bc%80%e5%8f%91web%e5%ba%94%e7%94%a8%e7%9a%84%e6%95%85%e4%ba%8b%ef%bc%881%ef%bc%89%ef%bd%9e%e5%87%86%e5%a4%87%e7%af%87%ef%bd%9e\/","url":"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8dockerdjangonexttypescriptecs%e5%bc%80%e5%8f%91web%e5%ba%94%e7%94%a8%e7%9a%84%e6%95%85%e4%ba%8b%ef%bc%881%ef%bc%89%ef%bd%9e%e5%87%86%e5%a4%87%e7%af%87%ef%bd%9e\/","name":"\u4f7f\u7528Docker+Django+Next+TypeScript+ECS\u5f00\u53d1Web\u5e94\u7528\u7684\u6545\u4e8b\uff081\uff09\uff5e\u51c6\u5907\u7bc7\uff5e - Blog - Silicon Cloud","isPartOf":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/#website"},"datePublished":"2023-09-15T13:40:56+00:00","dateModified":"2024-04-29T09:50:15+00:00","author":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/8ca01ba7f7362ad4edb7da206a12f29e"},"breadcrumb":{"@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8dockerdjangonexttypescriptecs%e5%bc%80%e5%8f%91web%e5%ba%94%e7%94%a8%e7%9a%84%e6%95%85%e4%ba%8b%ef%bc%881%ef%bc%89%ef%bd%9e%e5%87%86%e5%a4%87%e7%af%87%ef%bd%9e\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8dockerdjangonexttypescriptecs%e5%bc%80%e5%8f%91web%e5%ba%94%e7%94%a8%e7%9a%84%e6%95%85%e4%ba%8b%ef%bc%881%ef%bc%89%ef%bd%9e%e5%87%86%e5%a4%87%e7%af%87%ef%bd%9e\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8dockerdjangonexttypescriptecs%e5%bc%80%e5%8f%91web%e5%ba%94%e7%94%a8%e7%9a%84%e6%95%85%e4%ba%8b%ef%bc%881%ef%bc%89%ef%bd%9e%e5%87%86%e5%a4%87%e7%af%87%ef%bd%9e\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/www.silicloud.com\/zh\/blog\/"},{"@type":"ListItem","position":2,"name":"\u4f7f\u7528Docker+Django+Next+TypeScript+ECS\u5f00\u53d1Web\u5e94\u7528\u7684\u6545\u4e8b\uff081\uff09\uff5e\u51c6\u5907\u7bc7\uff5e"}]},{"@type":"WebSite","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#website","url":"https:\/\/www.silicloud.com\/zh\/blog\/","name":"Blog - Silicon Cloud","description":"","inLanguage":"zh-Hans"},{"@type":"Person","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/8ca01ba7f7362ad4edb7da206a12f29e","name":"\u79d1, \u9896","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.silicloud.com\/zh\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8a6fb3cc7ba2f69d2189ba532aec4633ea7ed75ac0af162ec367cb3abc0fb2af?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8a6fb3cc7ba2f69d2189ba532aec4633ea7ed75ac0af162ec367cb3abc0fb2af?s=96&d=mm&r=g","caption":"\u79d1, \u9896"},"url":"https:\/\/www.silicloud.com\/zh\/blog\/author\/keying\/"},{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/www.silicloud.com\/zh\/blog\/%e4%bd%bf%e7%94%a8dockerdjangonexttypescriptecs%e5%bc%80%e5%8f%91web%e5%ba%94%e7%94%a8%e7%9a%84%e6%95%85%e4%ba%8b%ef%bc%881%ef%bc%89%ef%bd%9e%e5%87%86%e5%a4%87%e7%af%87%ef%bd%9e\/#local-main-organization-logo","url":"","contentUrl":"","caption":"Blog - Silicon Cloud"}]}},"_links":{"self":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/49691","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/comments?post=49691"}],"version-history":[{"count":2,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/49691\/revisions"}],"predecessor-version":[{"id":86735,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/posts\/49691\/revisions\/86735"}],"wp:attachment":[{"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/media?parent=49691"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/categories?post=49691"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.silicloud.com\/zh\/blog\/wp-json\/wp\/v2\/tags?post=49691"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- \n
- \n
- \n
<\/p>\n
- \n
- \n
- \n
<\/p>\n
- \n
- \n
<\/p>\n
- ECS: Docker\u306e\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u3092\u305d\u306e\u307e\u307e\u30c7\u30d7\u30ed\u30a4\u3067\u304d\u308b\u305f\u3081<\/ul>\n
\u5f00\u53d1\u73af\u5883 f\u0101<\/h1>\n
- \n
- \n
<\/p>\n
- \n
- \n
<\/p>\n
- \n
- \n
<\/p>\n
- \n