Docker部署Node+Koa+TS+Mongo项目

于 2024-08-06 20:41:08 发布
阅读量1.1k 收藏 19
点赞数 10
文章标签： docker node.js mongodb typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/YIDBoy/article/details/140965594
版权

在这里插入图片描述

Docker 简介

简而言之，Docker 容器轻量级、启动快、可移植，适合微服务架构。主要组件包括 Docker Engine、Docker 镜像、Docker 容器和 Docker Hub，它通过容器打包应用程序及其依赖项，使得应用在任何环境中都能一致运行。

这里不详细介绍 docker，想了解更多相关知识可以去官网查看docker 官网

安装 docker (mac 系统)

1.通过官网下载小鲸鱼（Docker Desktop），查看 About Dokcer Desktop，可以看到 docker 的信息
在这里插入图片描述

2.打开终端，输入docker -v查看当前的版本，或者查看 docker 服务状态docker info

docker -v 或者 docker info

➜  ~ docker -v
Docker version 27.0.3, build 7d4bcd8

3.如果zsh: command not found: docker，按照以下步骤处理：

  • 在.bash_profile 写入：export PATH=$PATH:/Applications/Docker.app/Contents/Resources/bin/
  • 在.zshrc 中写入：source ~/.bash_profile
  • 运行source .zshrc
  • 运行docker -v

测试 docker

终端运行docker run hello-world, 会得到以下结果：

➜  ~ docker run hello-world
Unable to find image 'hello-world:latest' locally
latest: Pulling from library/hello-world
c1ec31eb5944: Pull complete
Digest: sha256:1408fec50309afee38f3535383f5b09419e6dc0925bc69891e79d84cc4cdcec6
Status: Downloaded newer image for hello-world:latest

Hello from Docker!
This message shows that your installation appears to be working correctly.
....（忽略其他的）

hello-world 是 docker 上面发布的镜像，在 Docker Desktop 中也能看到这个 Image 和 Container，说明 docker 已经可以正常使用了。

docker 镜像和容器

这里来说下 docker 镜像和容器的关系：

  • 想象一下，你要做一个蛋糕。蛋糕的配方就像是 Docker 镜像。
  • 这个配方详细列出了制作蛋糕所需的所有材料和步骤。同样，Docker 镜像包含了一个应用程序运行所需的所有文件、依赖项和设置（可以理解为一个完整的项目）。
  • 当你有了配方（Docker 镜像）之后，你可以根据这个配方反复制作蛋糕（启动容器）。
  • 每次制作出来的蛋糕（容器）都是一样的，因为它们都是根据同一个配方（镜像）做出来的。

镜像的拉取和创建

  1. docker pull 从 Docker Hub 或者其他注册表中拉取镜像
# 拉取 node 镜像最新版本或者指定版本
docker pull node:latest 或 docker pull node:20.10.0
  1. docker image build 从 Dockerfile 构建一个镜像（下面会讲）
docker build -t <镜像名>:<标签> <Dockerfile所在目录>

容器的启动

  1. 使用该镜像运行一个容器 docker run [选项] <镜像名>:[标签]

docker run -d -p 8000:3000 --name my-node-app node:20.10.0

常用选项：

  • -d: 后台运行
  • -p: 端口映射（如 -p 8000:3000, 访问 localhost:8000 代替 localhost:3000）
  • --name: 为容器指定一个名称
  1. 查看所有容器（包括停止的容器）

docker ps -a

  1. 停止和开启容器

docker stop <容器 ID 或名称> / docker start <容器 ID 或名称>

  1. 删除容器

docker rm <容器 ID 或名称>

以上介绍和示例跑通说明我们已经可以开始使用 docker 来部署我们的项目了（其他更多的 docker 语法可以在网上自行查阅，这里不进行详细讲解）

Dockerfile

# 选择基础镜像
FROM node:latest

# 设置维护者信息
LABEL maintainer="edon"

# 防止中文打印信息显示乱码
ENV LANG="C.UTF-8"

# WORKDIR：设置工作目录，所有后续指令（如RUN、COPY、ADD）都会在这个目录下执行。如果目录不存在，会自动创建。
WORKDIR /app

# COPY <源路径> <目标路径> 将文件或目录从构建上下文复制到镜像中。（如有忽略文件配置在.dockerignore中）
COPY ./package.json /app
COPY . /app

# RUN: 在镜像内执行命令。常用于安装软件包或配置环境。
RUN npm install
RUN npm run build
或
RUN npm install && npm run build

# EXPOSE: 声明镜像要监听的端口，这只是一个文档化的指令，实际上并不会开放端口。
EXPOSE 3000

# CMD：指定容器启动时要执行的命令，Dockerfile中只能有一个CMD指令，后面的会覆盖前面的
CMD ["node", "app.js"]

还有其他的配置如，ADD、ENTRYPOINT、VOLUME、USER、ARG等等，在这里不详细列出。

以上是 Dockerfile 最基础的结构，将 Dockerfile 放置在根目录下，执行docker image build -t [image:name]:[tag] .即可创建镜像，创建完就可以docker run来运行了。

执行：docker image build -t my-node-app:0.1 .

在这里插入图片描述

在Docker Desktop的Images可以看到：
在这里插入图片描述

Docker Compose

Dockerfile 构建的是一个独立的镜像，但是像我们的后端项目，一般还会连接数据库，比如 mongodb，按照 Dockerfile 模块的介绍，我们还要创建 mongo 的镜像和开启 mongo 容器

# 拉取mongo镜像
docker pull mongo:latest
# 运行mongo容器
docker run -d --name mongo -p 27017:27017 -v mongo-data:/data/db mongo:latest

当我们有一个后端项目，连接着数据库，如 node+mongo，我们可以使用Docker Compose，在一个 docker-compose.yml 文件中定义 Node.js 应用和 MongoDB 的服务，并一次性启动它们。

version: "3.8"

services:
  app:
    image: node:20.16.0
    container_name: node-koa-temp
    working_dir: /app/server
    volumes:
      - ./:/app/server
      - /app/server/node_modules
    environment:
      - HOST_MONGO_URL=mongodb://mongo:27017
      - PORT=8000
    depends_on:
      - mongo
    ports:
      - "8001:8000"
    command: sh -c "npm install -g pnpm@latest --registry=https://registry.npmmirror.com && pnpm install && npm run build && npm run start:build"

  mongo:
    image: mongo:latest
    container_name: node-koa-mongodb
    ports:
      - "27018:27017"
    volumes:
      - mongo-data:/data/db

volumes:
  mongo-data:

以上的配置看着是不是很熟悉，跟 Dockerfile 的配置很相似，配置介绍可参考：Docker Compose

实战 node+koa+ts+mongo

1.先准备好一个 node 后端项目，这里我们会写一个 node+koa+ts+mongo 的项目（这里本地具备 node 和 mongo 环境）

仓库地址

demo仓库地址：github node+koa+ts+mongo

Demo项目介绍

node-koa-temp
│
├── src
│   ├── index.ts
│   ├── controllers
│   │   └── users.ts
│   ├── models
│   │   └── users.ts
│   ├── mongodb
│   │   └── index.ts
│   ├── routes
│   │   └── index.ts
│   ├── types
│   │   ├── common.ts
│   │   └── user.ts
├── .dockerignore
├── .npmrc
├── docker-compose.yml
├── Dcokerfile
├── nodemon.json
├── package.json
├── tsconfig.json
└── README.md

src/mongodb/index.ts

import mongoose from "mongoose"

const uri = "mongodb://localhost:27017"

export const connectToDatabase = async () => {
  try {
    await mongoose.connect(uri, { dbName: "local-mongodb" })
    console.log("Connected to MongoDB with Mongoose")
  } catch (error) {
    console.error("Failed to connect to the database", error)
    throw error
  }
}

src/index.ts

import cors from "@koa/cors"
import http from "http"
import Koa from "koa"
import bodyParser from "koa-bodyparser"
import router from "src/routes"
import { connectToDatabase } from "./mongodb"

const app = new Koa()
app.use(
  cors({
    origin: "*",
    allowMethods: ["GET", "POST", "PUT", "DELETE", "OPTIONS"],
    allowHeaders: ["Content-Type", "Authorization", "Accept"],
  })
)
app.use(bodyParser())
app.use(router.routes()).use(router.allowedMethods())

const server = http.createServer(app.callback())
connectToDatabase()
  .then(() => {
    const PORT = 8000
    server.listen(PORT, () => {
      console.log(`Server is running http://localhost:${PORT}`)
    })
  })
  .catch((error) => {
    console.error("Failed to connect to the database", error)
  })

tyconfig.json

{
  "compilerOptions": {
    "target": "es6",
    "module": "commonjs",
    "outDir": "./dist",
    "strict": true,
    "esModuleInterop": true,
    "baseUrl": "./",
    "paths": {
      "src/*": ["./src/*"],
      "~/*": ["./*"]
    },
    "typeRoots": ["node_modules/@types", "typings"]
  },
  "include": ["src/**/*", "typings"],
  "exclude": ["node_modules"]
}

nodemon.json

{
  "ignore": ["./node_modules/**"],
  "watch": ["src"],
  "exec": "cross-env ts-node -r tsconfig-paths/register src/index.ts",
  "ext": "ts,json"
}

package.json

  "scripts": {
    "dev": "cross-env MODE=stage nodemon --config nodemon.json",
    "build": "rimraf dist && tsc && tsc-alias",
    "start:build": "cross-env MODE=prod node dist/index.js"
  },

本地运行项目

npm run dev

运行成功，可以访问 localhost:8000

在这里插入图片描述

本地编译打包项目和启动

npm run build
npm run start:build

运行成功，可以访问 localhost:8000

docker-compose.yml

version: "3.8"

services:
  app:
    image: node:20.16.0
    container_name: node-koa-temp
    working_dir: /app/server
    volumes:
      - ./:/app/server
      - /app/server/node_modules
    environment:
      - HOST_MONGO_URL=mongodb://mongo:27017
      - PORT=8000
    depends_on:
      - mongo
    ports:
      - "8001:8000"
    command: sh -c "npm install -g pnpm@latest --registry=https://registry.npmmirror.com && pnpm install && npm run build && npm run start:build"

  mongo:
    image: mongo:latest
    container_name: node-koa-mongodb
    ports:
      - "27018:27017"
    volumes:
      - mongo-data:/data/db

volumes:
  mongo-data:

在根目录下执行docker-compse up --build，一次性启动两个容器

在这里插入图片描述

Docker Desktop 的 Container 可以看到：

在这里插入图片描述

这个时候访问 http://localhost:8001, 就可以访问到我们的服务了。

按照以上流程，使用 Dockerfile 可以直接部署 vue 或 React 前端项目，实现 docker 部署前后端项目项目。

Dong.YI
关注
[手把手系列之]docker 部署node+mongodb项目
ao201001的博客
10-29 316
写一个简单的node项目 项目地址 目录结构如下： 其中app.js如下： // app.js const express = require('express') var mongoose = require('mongoose'); const app = express() mongoose.connect('mongodb://mongodb/test'); var ...
docker容器化+k8s集群部署教程以及springboot+vue部署示例
04-11
本文介绍VMware虚拟机下centos7操作系统中如何安装云原生 Kubernetes（k8s）集群、k8s可视化界面kuboard，以及如何利用docker容器化将springboot+vue项目在k8s集群中部署运行。
使用Dockerfile部署nodejs服务的方法步骤
09-30
主要介绍了使用Dockerfile部署nodejs服务的方法步骤，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
docker部署node项目
CarrreyYan_979292的博客
04-07 224
https://blog.csdn.net/qq_33203555/article/details/88542788?utm_source=app&app_version=4.5.2
构建自己的docker镜像node.js
最新发布
m0_74253823的博客
05-08 1451
从作者的github网站上下载项目后，之所以能直接在本地运行，是因为作者已经把node_modules文件夹（依赖安装）也一同放在了github的项目中了，因此不需要本地电脑上额外npm安装koa库，也可以直接在app.js中require库web框架koa。外部设备想访问docker容器上构建的应用，需要访问的是http://<宿主机IP地址>:8080，在通过宿主机上的配置，宿主主机将自己的8080端口映射到docker容器的80端口。此代码8080端口为宿主机端口，80端口为docker容器端口。
【Docker】Node 容器部署及配置参数
Qinghub‘博客
03-07 579
Node.js环境标准软件基于Bitnami node 构建。
docker 部署node项目
m0_67403076的博客
08-14 3089
最近在研究用docker和jenkins部署服务器，写这篇文章来记录一下，方便以后忘了可以复习一下，如果有什么错漏的地方，希望各位大神指正，我马上改！构建完成后通过：docker ps -a 查看是否有该image。至此一个简单的node项目就部署到docker上了。在项目根目录创建Dockerfile 文件。在Dockerfile文件同目录中执行。此时可通过IP：8000访问服务器。3、修改Node.js程序。5、docker自启动设置。查看docker的版本。2、安装Node.js。...
云原生尝试——Docker部署node项目
weixin_46560512的博客
07-01 4756
主要讲解docker基础实用实战
利用Docker构建开发环境
zt689的专栏
04-28 1880
最近接触PAAS相关的知识，在研发过程中开始使用Docker搭建了自己完整的开发环境，感觉生活在PAAS时代的程序员真是幸福，本文会简要介绍下Docker是什么，如何利用Docker来搭建自己的开发环境（本文主要是面向Mac OS X），以及期间所遇到的一些坑和解决方案。（本文会要求你对PAAS、LXC、CGroup、AUFS有一定的了解基础，请自行Google ） 大背景–虚拟化技术历史 
SpringCloud SpringBoot b2b2c 微服务 多商家入驻直播商城Docker 安装 Node.js
iteye_3750的博客
06-20 213
Docker 安装 Node.js Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，是一个让 JavaScript 运行在服务端的开发平台。 1、查看可用的 Node 版本 访问 Node 镜像库地址：https://hub.docker.com/_/node?tab=tags。 可以通过 Sort by 查看其他版本的 Node，默认是最新版本node:latest。 你也可以在下拉列表中找到其他你想要的版本： 此外，我们还可以用docke...
docker构建部署node后端项目
qq_42670087的博客
12-11 966
本次主要想记录一下docker部署node后端项目的过程，方便后面如果碰到查看文档。
Docker搭建 Nginx+PHP+MySQL 环境并部署WordPress实践
09-09
本文给大家分享的是作者基于Docker搭建 Nginx+PHP+MySQL 环境并部署WordPress的详细过程，非常的全面，有需要的小伙伴可以参考下
koa-cra-docker：docker + nginx + create-react-app + koa + mongodb + mongoose
02-03
koa-cra-docker 正在安装 git clone https://github.com/isychev/koa-cra-docker.git cd koa-cra-docker npx create-react-app frontend docker-compose up // append demo.local to etc/hosts open ...
Docker上部署node项目
qq_43778787的博客
07-28 853
Docker上部署node项目 案例jwtDemo项目：https://github.com/lzy-cat/docker_node.git 1、在linux系统中上传你的jwtDemo项目 2、在项目的根目录中创建一个Dockerfile（文件名不能改） touch Dockerfile Dockerfile内容如下： # 使用alpine版本的node FROM node:8-alpine # 复制项目到镜像的根目录中 COPY . /dockernode/jwtDemo # 启动容器时，进入的目
[Docker]四.Docker部署nodejs项目,部署Mysql,部署Redis,部署Mongodb
zhoupenghui168的博客
11-01 4903
Docker部署nodejs项目,部署Mysql,部署Redis,部署Mongodb
docker部署nodejs项目
Jesno0
04-26 804
docker部署nodejs项目。
使用docker部署springboot+MySQL项目
06-01
要使用docker部署springboot+MySQL项目，可以按照以下步骤进行操作： 1. 编写Dockerfile文件，指定基础镜像、安装JDK和MySQL等依赖，将项目打包成jar包并复制到镜像中。 ```dockerfile FROM openjdk:11-jdk-slim VOLUME /tmp ARG JAR_FILE=target/*.jar COPY ${JAR_FILE} app.jar RUN mkdir -p /var/lib/mysql RUN apt-get update && apt-get install -y mysql-server RUN echo "bind-address = 0.0.0.0" >> /etc/mysql/mysql.conf.d/mysqld.cnf RUN service mysql start && \ mysql -uroot -e "CREATE DATABASE db_name" && \ mysql -uroot -e "CREATE USER 'username'@'%' IDENTIFIED BY 'password'" && \ mysql -uroot -e "GRANT ALL PRIVILEGES ON db_name.* TO 'username'@'%';" EXPOSE 8080 ENTRYPOINT ["java","-Djava.security.egd=file:/dev/./urandom","-jar","/app.jar"] ``` 2. 构建镜像 在Dockerfile的目录下执行以下命令： ```shell docker build -t springboot-mysql . ``` 这里将镜像命名为springboot-mysql。 3. 运行容器 执行以下命令运行容器： ```shell docker run -d -p 8080:8080 -p 3306:3306 -e MYSQL_ROOT_PASSWORD=password -e MYSQL_DATABASE=db_name -e MYSQL_USER=username -e MYSQL_PASSWORD=password springboot-mysql ``` 这里将容器的8080端口映射到主机的8080端口，3306端口映射到主机的3306端口，并指定MySQL的root密码、数据库名、用户名和密码。 4. 访问应用 在浏览器中访问http://localhost:8080，即可访问应用。 注意：如果使用docker-compose进行部署，可以在docker-compose.yml文件中指定MySQL的配置，更加方便和灵活。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值