百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术分类 > 正文

给你的Nodejs后端项目打个包(nodejs编写后端接口)

ztj100 2025-03-24 01:40 6 浏览 0 评论

前阵子, 碰到个问题

用Nodejs做了个小项目需要交付客户使用

之前Nodejs做的都是自用, 所以也没碰到需要打包保护源码之类的问题

上网搜了半天, 找到的大多是针对Vue的前端项目打包/混淆, 例如用Webpack

费了N多时间才找到个针对后端项目的打包方法, 记录如下, 方便自己也方便有同样需求的同行

应用对象: Nodejs后端代码

使用场景: 保护源码/方便部署

适用平台: Linux/Windows/Mac

基础要求: 已有一个最基本的Nodejs后端项目


第一步: 安装pkg模块

pkg能把你的项目直接打包成可执行的文件(支持FreeBSD、linux、macos、arm系统), 甚至不需要你安装Nodejs.

按标准方式安装它

npm install -g pkg

配置package.json, 在原内容基础根位置上添加以下内容

{
  "name": "demo"		//原始内容
  ....
	"bin": "./app.js",		//你项目的总入口文件
  "pkg": {
    "targets": [ "node14-linux-x64" ],	//打包平台, 本例是打包在Linux中运行
    "scripts": [		//需要打包进来的其他js文件,可添加多个
      "./include/**/*.js",
      "./routes/**/*.js",
      "./module/*.js",
      "./app.js",
    ],
    "assets": [		//静态文件的目录,可添加多个
      "./node_modules/**/*",
      "./public/**/*",
      "./views/**/*"
    ]
  },
  ...
}

按照上面的注释,依次补充配置信息

注意, 这里配置一定不要错, 如果后面打包后各种运行不了的报错的时候, 回来这里检查一下吧

pkg会根据你配置的入口文件开始查找依赖文件并全部进行打包

开始打包

在命令行(我这里用的是PowerShell)进入项目所在的目录, 用指令打包

注意: 静态文件需要在项目中将文件的引用换成

path.join(__dirname, 'public')

比如

//一般常用写法:
app.use(express.static(__dirname+'/public'));

//打包的话改成这种
app.use(express.static(path.join(__dirname, 'public')));	//注意这里使用path.join(__dirname, 'public')而不是'public',虽然在命令行中执行起来效果是一样的,不过pkg打包会无法识别到public目录
来打包试试
pkg .\package.json

如果你发生像上面这样的警告, 恭喜你, 碰到和我一样的问题

不用紧张, 按提示可以看到微软官方的说明

授权给命令行窗口以执行脚本

Set-ExecutionPolicy -ExecutionPolicy Unrestricted

再次打包

pkg .\package.json

需要消耗一定的时间

技巧:当然你也可直接用-t指定需要打成哪个平台的包:

pkg -t "node14-win-x64,node14-linux-x64" .\package.json

-t 详细可用参数说明

https://github.com/vercel/pkg#targets

比较重要的是生成什么平台的t参数, 作者描述如下

Targets
pkg can generate executables for several target machines at a time. You can specify a comma-separated list of targets via --targets option. A canonical target consists of 3 elements, separated by dashes, for example node12-macos-x64 or node14-linux-arm64:

nodeRange (node8), node10, node12, node14, node16 or latest
platform alpine, linux, linuxstatic, win, macos, (freebsd)
arch x64, arm64, (armv6, armv7)


打包完成, 试运行

打包完成, 你大概会看到这样的大文件

试运行一下



小结

打包基本上就是下图这么个过程

整个过程自己实操一遍

总的来说还是比较简单的




这期就酱, 下期再见

复杂的问题简单化

每次只关注一个知识点, 我是代码大叔

对技术有兴趣的小伙伴可以关注我, 我经常分享各种奇奇怪怪的技术知识

一起学习, 一起进步

相关推荐

使用 Pinia ORM 管理 Vue 中的状态

转载说明:原创不易,未经授权,谢绝任何形式的转载状态管理是构建任何Web应用程序的重要组成部分。虽然Vue提供了管理简单状态的技术,但随着应用程序复杂性的增加,处理状态可能变得更具挑战性。这就是为什么...

Vue3开发企业级音乐Web App 明星讲师带你学习大厂高质量代码

Vue3开发企业级音乐WebApp明星讲师带你学习大厂高质量代码下栽课》jzit.top/392/...

一篇文章说清 webpack、vite、vue-cli、create-vue 的区别

webpack、vite、vue-cli、create-vue这些都是什么?看着有点晕,不要怕,我们一起来分辨一下。...

超赞 vue2/3 可视化打印设计VuePluginPrint

今天来给大家推荐一款非常不错的Vue可拖拽打印设计器Hiprint。引入使用//main.js中引入安装import{hiPrintPlugin}from'vue-plugin-...

搭建Trae+Vue3的AI开发环境(vue3 ts开发)

从2024年2025年,不断的有各种AI工具会在自媒体中火起来,号称各种效率王炸,而在AI是否会替代打工人的话题中,程序员又首当其冲。...

如何在现有的Vue项目中嵌入 Blazor项目?

...

Vue中mixin怎么理解?(vue的mixins有什么用)

作者:qdmryt转发链接:https://mp.weixin.qq.com/s/JHF3oIGSTnRegpvE6GSZhg前言...

Vue脚手架安装,初始化项目,打包并用Tomcat和Nginx部署

1.创建Vue脚手架#1.在本地文件目录创建my-first-vue文件夹,安装vue-cli脚手架:npminstall-gvue-cli安装过程如下图所示:创建my-first-vue...

新手如何搭建个人网站(小白如何搭建个人网站)

ElementUl是饿了么前端团队推出的桌面端UI框架,具有是简洁、直观、强悍和低学习成本等优势,非常适合初学者使用。因此,本次项目使用ElementUI框架来完成个人博客的主体开发,欢迎大家讨论...

零基础入门vue开发(vue快速入门与实战开发)

上面一节我们已经成功的安装了nodejs,并且配置了npm的全局环境变量,那么这一节我们就来正式的安装vue-cli,然后在webstorm开发者工具里运行我们的vue项目。这一节有两种创建vue项目...

.net core集成vue(.net core集成vue3)

react、angular、vue你更熟悉哪个?下边这个是vue的。要求需要你的计算机安装有o.netcore2.0以上版本onode、webpack、vue-cli、vue(npm...

使用 Vue 脚手架,为什么要学 webpack?(一)

先问大家一个很简单的问题:vueinitwebpackprjectName与vuecreateprojectName有什么区别呢?它们是Vue-cli2和Vue-cli3创建...

vue 构建和部署(vue项目部署服务器)

普通的搭建方式(安装指令)安装Node.js检查node是否已安装,终端输入node-v会使用命令行(安装)npminstallvue-cli-首先安装vue-clivueinitwe...

Vue.js 环境配置(vue的环境搭建)

说明:node.js和vue.js的关系:Node.js是一个基于ChromeV8引擎的JavaScript运行时环境;类比:Java的jvm(虚拟机)...

vue项目完整搭建步骤(vuecli项目搭建)

简介为了让一些不太清楚搭建前端项目的小白,更快上手。今天我将一步一步带领你们进行前端项目的搭建。前端开发中需要用到框架,那vue作为三大框架主流之一,在工作中很常用。所以就以vue为例。...

取消回复欢迎 发表评论: