从零到上线:Node.js 项目的完整部署流程(包含 Docker 和 CICD)

从零到上线:Node.js 项目的完整部署流程(包含 Docker 和 CI/CD)

在这里插入图片描述

目录
  1. 项目初始化:构建一个简单的 Node.js 应用
  2. 设置 Docker 环境:容器化你的应用
  3. 配置 CI/CD:自动化构建与部署
  4. 上线前的最后检查:确保项目可以无缝部署
  5. 常见问题与排查技巧

1. 项目初始化:构建一个简单的 Node.js 应用

首先,我们从构建一个简单的 Node.js 项目开始,确保你的开发环境已经安装了 Node.js 和 npm。

1.1 初始化项目

打开终端,创建一个新目录并初始化 Node.js 项目:

mkdir my-node-app
cd my-node-app
npm init -y

这会在当前目录下创建一个 package.json 文件。

1.2 安装必要依赖

安装 Express,作为我们的 Web 框架。

npm install express
1.3 创建基础应用

在项目根目录下创建一个 index.js 文件,简单实现一个 API 端口:

// index.js
const express = require('express');
const app = express();
const port = process.env.PORT || 3000;

app.get('/', (req, res) => {
  res.send('Hello, World!');
});

app.listen(port, () => {
  console.log(`Server is running on http://localhost:${port}`);
});
1.4 本地启动

通过以下命令启动本地开发服务器:

node index.js

访问 http://localhost:3000,你应该能看到 “Hello, World!”。


2. 设置 Docker 环境:容器化你的应用

Docker 是一种非常流行的容器化工具,它允许你将应用及其所有依赖打包到一个可移植的容器中,确保无论在什么环境下都能一致地运行。

2.1 创建 Dockerfile

在项目根目录下创建一个 Dockerfile,用来构建 Docker 镜像。

# 使用官方 Node.js 镜像作为基础镜像
FROM node:14

# 设置工作目录
WORKDIR /usr/src/app

# 复制 package.json 并安装依赖
COPY package*.json ./
RUN npm install

# 复制项目文件
COPY . .

# 设置环境变量
ENV PORT 3000

# 暴露端口
EXPOSE 3000

# 启动应用
CMD ["node", "index.js"]
2.2 构建 Docker 镜像

构建镜像并给它命名为 my-node-app

docker build -t my-node-app .
2.3 运行 Docker 容器

运行镜像并映射到本地的 3000 端口:

docker run -p 3000:3000 my-node-app

这时,你的应用就已经在 Docker 容器中运行了,通过访问 http://localhost:3000,你依然可以看到 “Hello, World!”。


3. 配置 CI/CD:自动化构建与部署

CI/CD(持续集成/持续部署)是现代软件开发流程中的核心组成部分,可以帮助你自动化构建、测试和部署过程。我们使用 GitHub Actions 来实现这一流程。

3.1 创建 GitHub 仓库

首先,将代码推送到 GitHub 上,创建一个新的仓库并将代码推送上去。

git init
git add .
git commit -m "Initial commit"
git remote add origin <your-repo-url>
git push -u origin master
3.2 配置 GitHub Actions

在项目根目录下创建 .github/workflows 目录,并在该目录下创建一个 ci-cd.yml 文件:

name: CI/CD Pipeline

on:
  push:
    branches:
      - master
  pull_request:
    branches:
      - master

jobs:
  build:
    runs-on: ubuntu-latest

    steps:
      - name: Checkout code
        uses: actions/checkout@v2

      - name: Set up Docker
        uses: docker/setup-buildx-action@v2

      - name: Build Docker image
        run: |
          docker build -t my-node-app .

      - name: Run Docker container
        run: |
          docker run -d -p 3000:3000 my-node-app
          
      - name: Test application
        run: |
          curl http://localhost:3000
3.3 自动化流程说明
  • actions/checkout@v2:用于检查代码库。
  • docker/setup-buildx-action@v2:配置 Docker 构建工具。
  • docker build:构建 Docker 镜像。
  • docker run:启动 Docker 容器并映射端口。
  • curl http://localhost:3000:通过 curl 测试应用是否正常运行。
3.4 提交并推送

将 GitHub Actions 配置文件提交并推送:

git add .github/workflows/ci-cd.yml
git commit -m "Add CI/CD pipeline"
git push origin master

每次推送到 master 分支时,GitHub Actions 会自动触发该工作流,构建并部署应用。


4. 上线前的最后检查:确保项目可以无缝部署

在上线之前,确保进行以下操作:

  • 本地测试:确保 Docker 容器能够正确运行,并且 API 可访问。
  • 测试 CI/CD 流程:手动推送代码到 GitHub,查看自动化流程是否正常执行。
  • 检查日志:确保所有的日志都记录了详细的错误信息和运行状态,方便日后调试。

5. 常见问题与排查技巧
5.1 Docker 容器启动失败
  • 错误信息Error: Cannot find module 'express'
  • 解决方案:确保在 Dockerfile 中安装了依赖,并且正确复制了项目文件。
5.2 GitHub Actions 构建失败
  • 错误信息docker: buildx is not installed
  • 解决方案:检查 GitHub Actions 配置文件中的 Docker 设置是否正确,确保使用了正确的构建工具。
5.3 端口冲突
  • 错误信息Error: bind: address already in use
  • 解决方案:检查主机上的端口是否被其他应用占用,可以尝试更改容器暴露的端口。

总结

从零到上线,Node.js 项目的部署过程涉及多个步骤,包括项目初始化、Docker 容器化和 CI/CD 配置。使用 Docker,可以确保你的应用在任何环境下都能一致地运行;而配置 CI/CD,可以让你在代码更改时自动化地完成构建、测试和部署。掌握这些部署技巧,能够显著提高开发效率和系统稳定性。

希望这篇指南能够帮助你理解从零到上线的整个流程,成功部署你自己的 Node.js 项目!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/957325.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

stm32 L051 adc配置及代码实例解析

一 cude的设置&#xff1a; 1. 接口的基本设置&#xff1a; 2. 参数的设置&#xff1a; 二 代码的逻辑&#xff1a; 1. 上面的直接生成代码&#xff0c;然后使用下面源码即可读到adc的数据&#xff1a; void adc_battery_start(void) {uint32_t ADC_value 0;HAL_ADC_Start(&…

【2024 博客之星评选】请继续保持Passion

我尝试复盘自己2024年走的路&#xff0c;希望能给诸君一些借鉴。 文章目录 回头望感想与收获成长与教训今年计划感恩一些体己话 回头望 回望我的2024年&#xff0c;年初拿高绩效&#xff0c;但感觉逐渐被公司一点点剥离出中心&#xff1b;年中一直在学习防患于未然&#xff1b…

【第二十周】U-Net:用于生物图像分割的卷积神经网络

文章目录 摘要Abstract文章信息研究动机U-Net网络结构U-Net网络搭建数据增强损失函数转置卷积创新性与不足创新性&#xff1a;不足&#xff1a; 总结 摘要 U-Net&#xff08;Convolutional Networks for Biomedical Image Segmentation&#xff09;是一种用于图像分割的深度学…

GD32F303 GCC 环境搭建

一、引言 在嵌入式开发领域&#xff0c;GD32F303 微控制器以其出色的性能和丰富的功能被广泛应用。为了充分发挥其潜力&#xff0c;搭建一个高效的开发环境并深入理解项目构建过程至关重要。本文将详细介绍如何基于 GCC 工具链搭建 GD32F303 的开发环境&#xff0c;重点聚焦于…

【语言处理和机器学习】概述篇(基础小白入门篇)

前言 自学笔记&#xff0c;分享给语言学/语言教育学方向的&#xff0c;但对语言数据处理感兴趣但是尚未入门&#xff0c;却需要在论文中用到的小伙伴&#xff0c;欢迎大佬们补充或绕道。ps&#xff1a;本文不涉及公式讲解&#xff08;文科生小白友好体质&#xff09;&#xff…

智能系统的感知和决策

智能系统在感知和决策过程中具备的关键能力表现在智能感知/自主判定上&#xff0c;下面可以从感知的本质、自主判断的含义及其在智能系统中的作用进行深入分析。 1、智能感知&#xff1a;信息获取与理解 智能感知是指智能系统通过传感器或其他数据采集手段获取环境中的信息&…

AD7606, 逐次逼近型ADC以及一次被GPT坑了的过程.

首先, 我的项目中, 已有的一个ADC芯片, 8通道, 并行, Analog家的ad7606, 在采集高速的正弦信号的时候, 我发现采集到的值怎么都不太对. 但是宏观来看, 并没有太大问题, 首先我怀疑的是量程问题, 接入一个5伏直流, 得到的读数确实是接近16bit的正半量程的读数, 32xxx. 接着我用信…

16.5万煤气柜柜位计故障分析

一、事故经过&#xff1a; 2015年8月1&#xff14;日20点45分&#xff0c;16.5万立煤气柜柜顶油封溢流口有大量油液溢出&#xff0c;此时雷达柜位计在计算机上示值为63.79米&#xff0c;由于接近傍晚天色较暗&#xff0c;岗位操作员并未及时发现这一异常状况。22点45分左右&…

成就与远见:2024年技术与思维的升华

个人主页&#xff1a;chian-ocean 前言: 2025年1月17日&#xff0c;2024年博客之星年度评选——创作影响力评审的入围名单公布。我很荣幸能够跻身Top 300&#xff0c;虽然与顶尖博主仍有一定差距&#xff0c;但这也为我提供了更加明确的发展方向与指引。展望崭新的2025年&…

Android 天气APP(二十七)增加地图天气的逐小时天气、太阳和月亮数据

imageId R.mipmap.icon_213d; break; case “300”: imageId R.mipmap.icon_300d; break; case “301”: imageId R.mipmap.icon_301d; break; case “302”: imageId R.mipmap.icon_302d; break; case “303”: imageId R.mipmap.icon_303d; break; case “…

vue2使用flv.js在浏览器打开flv格式视频

组件地址&#xff1a;GitHub - bilibili/flv.js: HTML5 FLV Player flv.js 仅支持 H.264 和 AAC/MP3 编码的 FLV 文件。如果视频文件使用了其他编码格式就打不开。 flv.vue <template><div><el-dialog :visible.sync"innerVisibleFlv" :close-on-pre…

Restormer模型代码解析

上一篇我们对Restormer的论文进行了解析。这篇对Restormer的代码进行解析。 论文地址&#xff1a;Restormer: Efficient Transformer for High-Resolution Image Restoration。代码地址&#xff1a;Restormer 以Deraining项目中的test.py文件为切入点&#xff0c;来分析其mod…

微信小程序怎么制作自己的小程序?手把手带你入门(适合新手小白观看)

对于初学者来说&#xff0c;制作一款微信小程序总感觉高大上&#xff0c;又害怕学不会。不过&#xff0c;今天我就用最简单、最有耐心的方式&#xff0c;一步一步给大家讲清楚!让你知道微信小程序的制作&#xff0c;居然可以这么轻松(希望你别吓跑啊!)。文中还加了实战经验&…

MPLS VPN 部署与应用

一.简介 MPLS&#xff0c;称之为多协议标签交换&#xff0c;在九十年代中期被提出来&#xff0c;用于解决传统IP报文依赖查表转发而产生的瓶颈&#xff0c;现多用于VPN技术&#xff0c;MPLS报头封装在数据链路层之上&#xff0c;网络层之下。本文为结合了华为技术和新华三技术…

定时器setTimeout和setInterval

setTimeOut()异步 setInterval()异步

PCL 部分点云视点问题【2025最新版】

目录 一、问题概述二、解决方案1、软件实现2、代码实现三、调整之后博客长期更新,本文最近更新时间为:2025年1月18日。 一、问题概述 针对CloudCompare软件处理过的pcd格式点云,在使用PCL进行特征点提取、配准等实验中最终显示结果出现点云位置偏差较大的问题,本博客给出解…

SpringCloud+Vue+Python人工智能(fastAPI,机器学习,深度学习)前后端架构各功能实现思路——主目录(持续更新)

随着公司业务的增加&#xff0c;公司需要一个javapython人工智能相互配合架构&#xff0c;正常网站业务用java来做&#xff0c;而ai&#xff0c;例如电价预测等回归任务&#xff0c;以及大模型预测全网负荷&#xff0c;新能源出力等任务&#xff0c;使用python通过fastapi暴露接…

Python数据可视化(够用版):懂基础 + 专业的图表抛给Tableau等专业绘图工具

我先说说文章标题中的“够用版”啥意思&#xff0c;为什么这么写。 按照我个人观点&#xff0c;在使用Python进行数据分析时&#xff0c;我们有时候肯定要结合到图表去进行分析&#xff0c;去直观展现数据的规律和特定&#xff0c;那么我们肯定要做一些简单的可视化&#xff0…

[微服务]注册中心优化

环境隔离 企业实际开发中&#xff0c;往往会搭建多个运行环境&#xff0c;例如&#xff1a; 开发环境测试环境预发布环境生产环境 这些不同环境之间的服务和数据之间需要隔离。 还有的企业中&#xff0c;会开发多个项目&#xff0c;共享nacos集群。此时&#xff0c;这些项目…

【Python使用】嘿马python高级进阶全体系教程第11篇:静态Web服务器-面向对象开发,1. 以面向对象的方式开发静态W

本教程的知识点为&#xff1a;操作系统 1. 常见的操作系统 4. 小结 ls命令选项 2. 小结 mkdir和rm命令选项 1. mkdir命令选项 压缩和解压缩命令 1. 压缩格式的介绍 2. tar命令及选项的使用 3. zip和unzip命令及选项的使用 4. 小结 编辑器 vim 1. vim 的介绍 2. vim 的工作模式 …