From f3c71dd653fe77ee3ba2f4dee83f2fd65be4475a Mon Sep 17 00:00:00 2001 From: wenyang <86756816+wenyang0@users.noreply.github.com> Date: Wed, 12 Apr 2023 14:20:28 +0800 Subject: [PATCH 1/9] Create Dockerfile update Dockerfile --- Dockerfile | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) create mode 100644 Dockerfile diff --git a/Dockerfile b/Dockerfile new file mode 100644 index 0000000..d3e95be --- /dev/null +++ b/Dockerfile @@ -0,0 +1,20 @@ +# Use node:alpine3.17 image as the base image +FROM docker.io/node:alpine3.17 + +# Maintainer information +MAINTAINER tanwenyang@aliyun.com + +# Copy the vue-color-avatar file from the local directory to the /app directory inside the container +COPY ./ /app + +# Expose port 5173 of the container and allow external access to this port +EXPOSE 5173 + +# Change the working directory to /app +WORKDIR /app + +# Set the Yarn registry to Taobao mirror and install dependencies using yarn install +RUN yarn config set registry 'https://registry.npm.taobao.org' && yarn install + +# Run the command to start the container, which will run the project in development mode and listen on port 5173 of address 0.0.0.0 +CMD yarn dev --host 0.0.0.0 From c997e2f814ea551cb5ea562346fbf972d58004d1 Mon Sep 17 00:00:00 2001 From: wenyang <86756816+wenyang0@users.noreply.github.com> Date: Wed, 12 Apr 2023 14:52:29 +0800 Subject: [PATCH 2/9] Update Dockerfile load Dockerfile --- Dockerfile | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Dockerfile b/Dockerfile index d3e95be..0b48b93 100644 --- a/Dockerfile +++ b/Dockerfile @@ -5,7 +5,7 @@ FROM docker.io/node:alpine3.17 MAINTAINER tanwenyang@aliyun.com # Copy the vue-color-avatar file from the local directory to the /app directory inside the container -COPY ./ /app +COPY . /app # Expose port 5173 of the container and allow external access to this port EXPOSE 5173 From b95bdbaca9bdd859a05bb5bf2ac1be3b4e9c0f94 Mon Sep 17 00:00:00 2001 From: wenyang <86756816+wenyang0@users.noreply.github.com> Date: Wed, 12 Apr 2023 15:05:16 +0800 Subject: [PATCH 3/9] Update README.md --- README.md | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) diff --git a/README.md b/README.md index 620fa4f..e849fe8 100644 --- a/README.md +++ b/README.md @@ -46,3 +46,26 @@ yarn install # 3. Run yarn dev ``` + +## Docker deploy + +You can directly run using the image I have already built. +```sh +#docker run +docker run -d -t -p 5173:5173 --restart=always docker.io/wenyang0/vue-color-avatar:latest +``` + +Or, you can manually compile it yourself if you prefer. + +```sh +#clone the code +git clone https://github.com/wenyang0/vue-color-avatar.git + +#docker build +cd vue-color-avatar/ +docker build -t vue-color-avatar:v1 . + +#docker run +docker run -d -t -p 5173:5173 --restart=always vue-color-avatar:v1 +``` +Finally, open your browser and access the service's address at http://serverIP:5173 From c26d5c96547021c2e28e9aa2f73d66d6ed6c4b30 Mon Sep 17 00:00:00 2001 From: wenyang <86756816+wenyang0@users.noreply.github.com> Date: Wed, 12 Apr 2023 15:08:19 +0800 Subject: [PATCH 4/9] Update README-CN.md --- README-CN.md | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) diff --git a/README-CN.md b/README-CN.md index 80969ec..fc9214a 100644 --- a/README-CN.md +++ b/README-CN.md @@ -49,3 +49,26 @@ yarn install # 3. 运行项目 yarn dev ``` + +## Docker 快速部署 + +你可以直接使用我已经构建好的镜像来运行 +```sh +#启动服务 +docker run -d -t -p 5173:5173 --restart=always docker.io/wenyang0/vue-color-avatar:latest +``` + +或者，如果您愿意，也可以自己手动编译。 + +```sh +#下载代码 +git clone https://github.com/wenyang0/vue-color-avatar.git + +#docker 编译 +cd vue-color-avatar/ +docker build -t vue-color-avatar:v1 . + +#启动服务 +docker run -d -t -p 5173:5173 --restart=always vue-color-avatar:v1 +``` +最后,打开你的浏览器访问服务的地址 http://serverIP:5173 即可 From 2e493561a5286547a24e6bb7613e817c035a8ab2 Mon Sep 17 00:00:00 2001 From: wenyang <86756816+wenyang0@users.noreply.github.com> Date: Wed, 12 Apr 2023 15:10:55 +0800 Subject: [PATCH 5/9] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index e849fe8..22a5c54 100644 --- a/README.md +++ b/README.md @@ -59,7 +59,7 @@ Or, you can manually compile it yourself if you prefer. ```sh #clone the code -git clone https://github.com/wenyang0/vue-color-avatar.git +git clone https://github.com/Codennnn/vue-color-avatar.git #docker build cd vue-color-avatar/ From 8e8c0f22c7f9d7e027de1e9a2389aebafedb51c5 Mon Sep 17 00:00:00 2001 From: wenyang <86756816+wenyang0@users.noreply.github.com> Date: Wed, 12 Apr 2023 15:12:01 +0800 Subject: [PATCH 6/9] Update README-CN.md --- README-CN.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README-CN.md b/README-CN.md index fc9214a..e42414c 100644 --- a/README-CN.md +++ b/README-CN.md @@ -62,7 +62,7 @@ docker run -d -t -p 5173:5173 --restart=always docker.io/wenyang0/vue-color-avat ```sh #下载代码 -git clone https://github.com/wenyang0/vue-color-avatar.git +git clone https://github.com/Codennnn/vue-color-avatar.git #docker 编译 cd vue-color-avatar/ From 4354a2ffdf08745f01036be88f93d633cdffcb66 Mon Sep 17 00:00:00 2001 From: wenyang <86756816+wenyang0@users.noreply.github.com> Date: Wed, 12 Apr 2023 15:18:29 +0800 Subject: [PATCH 7/9] Update README.md --- README.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 22a5c54..96ec415 100644 --- a/README.md +++ b/README.md @@ -52,7 +52,7 @@ yarn dev You can directly run using the image I have already built. ```sh #docker run -docker run -d -t -p 5173:5173 --restart=always docker.io/wenyang0/vue-color-avatar:latest +docker run -d -t -p 5173:5173 --name vue-color-avatar --restart=always docker.io/wenyang0/vue-color-avatar:latest ``` Or, you can manually compile it yourself if you prefer. @@ -66,6 +66,6 @@ cd vue-color-avatar/ docker build -t vue-color-avatar:v1 . #docker run -docker run -d -t -p 5173:5173 --restart=always vue-color-avatar:v1 +docker run -d -t -p 5173:5173 --name vue-color-avatar --restart=always vue-color-avatar:v1 ``` Finally, open your browser and access the service's address at http://serverIP:5173 From 120a2e9b9897bad563632f61be064bb233c22f2c Mon Sep 17 00:00:00 2001 From: wenyang <86756816+wenyang0@users.noreply.github.com> Date: Wed, 12 Apr 2023 15:20:23 +0800 Subject: [PATCH 8/9] Update README.md --- README.md | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/README.md b/README.md index 96ec415..1018b93 100644 --- a/README.md +++ b/README.md @@ -51,7 +51,6 @@ yarn dev You can directly run using the image I have already built. ```sh -#docker run docker run -d -t -p 5173:5173 --name vue-color-avatar --restart=always docker.io/wenyang0/vue-color-avatar:latest ``` @@ -65,7 +64,7 @@ git clone https://github.com/Codennnn/vue-color-avatar.git cd vue-color-avatar/ docker build -t vue-color-avatar:v1 . -#docker run +#start server docker run -d -t -p 5173:5173 --name vue-color-avatar --restart=always vue-color-avatar:v1 ``` Finally, open your browser and access the service's address at http://serverIP:5173 From e997e92de5d6b968da02138b734b5d9152735615 Mon Sep 17 00:00:00 2001 From: wenyang <86756816+wenyang0@users.noreply.github.com> Date: Wed, 12 Apr 2023 15:21:14 +0800 Subject: [PATCH 9/9] Update README-CN.md --- README-CN.md | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/README-CN.md b/README-CN.md index e42414c..b893010 100644 --- a/README-CN.md +++ b/README-CN.md @@ -54,8 +54,7 @@ yarn dev 你可以直接使用我已经构建好的镜像来运行 ```sh -#启动服务 -docker run -d -t -p 5173:5173 --restart=always docker.io/wenyang0/vue-color-avatar:latest +docker run -d -t -p 5173:5173 --name vue-color-avatar --restart=always docker.io/wenyang0/vue-color-avatar:latest ``` 或者，如果您愿意，也可以自己手动编译。 @@ -69,6 +68,6 @@ cd vue-color-avatar/ docker build -t vue-color-avatar:v1 . #启动服务 -docker run -d -t -p 5173:5173 --restart=always vue-color-avatar:v1 +docker run -d -t -p 5173:5173 --name vue-color-avatar --restart=always vue-color-avatar:v1 ``` 最后,打开你的浏览器访问服务的地址 http://serverIP:5173 即可