前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Node 项目中常见的问题及解决方法

Node 项目中常见的问题及解决方法

作者头像
越陌度阡
发布2023-02-13 08:45:37
3890
发布2023-02-13 08:45:37
举报

1. window和mac下设置NODE_ENV变量的问题

我们都知道在前端项目中会根据不同的环境变量来处理不同的逻辑,在node后端中也一样,我们需要设置本地开发环境、测试环境、 线上环境等,此时有一直设置环境变量的方案是在package.json中的script属性中设置,代码如下:

代码语言:javascript
复制
"scripts": {
   "start": "export NODE_ENV=development && nodemon -w src --exec \"babel-node src\"",
   "build": "babel src --out-dir dist",
   "run-build": "node dist",
   "test": "echo \"Error: no test specified\" && exit 1"
 }

从start 指令中我们可以发现我们用 export NODE_ENV=development 来定义开发环境的环境变量,如果是mac电脑,可以这样使用export来定义一个node环境变量。但是在window下不识别export,其实window定义环境变量可以用set,所以对于window用户,如果你使用了以上方法设置NODE_ENV,可以采用如下方式:

代码语言:javascript
复制
"scripts": {
   "start": "set NODE_ENV=development && nodemon -w src --exec \"babel-node src\""
 }

2. 执行npm install发生node-gyp报错的问题

在项目开发过程中有时候拉取新的node项目代码后执行 npm install, 会报如下错误:

node-gyp就是在node环境中使用的生成不同平台不同编译器的项目文件, 如果你遇到了相同的问题,  我们可以采用如下方案:

代码语言:javascript
复制
npm install -g node-gyp

或者直接删除  package-lock.json或者 yarn.lock,然后重新yarn install或者npm install即可。

3. node + koa2项目中删除已设置的cookie的解决办法

由于HTTP是无状态协议,所以需要cookie来区分用户之间的身份。我们可以把cookie作为是一个由浏览器和服务器共同协作实现的规范。

cookie的处理分为以下3步:

1. 服务器向客户端发送cookie;

2.浏览器将cookie保存(可以在后端设置expires或者maxAge,以session形式存在)

3.每次浏览器都会将之前设置好的cookie发向服务器

在开发 node后台项目时我们经常涉及用户管理模块, 这意味我们需要对用户进行登录态管理, 在用户退出时能及时删除用户的cookie, 好在koa2自带了处理cookie的方法, 我们可以通过如下的方式设置cookie

代码语言:javascript
复制
router.post('api/validVip',(ctx) => {
    ctx.cookies.set(
        'vid', 'aiguangyuan', { maxAge: 24 * 3600 * 1000 }
    );
});

以上我们随便设置了一个有效期为1天的cookie, 那如果业务有变动, 需要在有效期内清空此cookie, 我们该如何处理呢? 下面给出一个相对可用的解决方案:

代码语言:javascript
复制
ctx.cookies.set('vid', '', { maxAge: 0 });

此时客户端的cookie将在下次请求时自动失效。

4. socket.io如何与koa/egg配合使用

我们都知道完整的socket.io通信由两部分组成:

1. 与NodeJS HTTP 服务器集成(或安装在其上)的socket.io;

2. 在浏览器端加载的客户端库socket.io-client;

如果我们直接使用koa或者egg, 我们需要将它们内部集成的httpsocket.io做兼容, 此时我们可以这样处理:

代码语言:javascript
复制
import koa from 'koa';
import http from 'http';

const app = new koa();
const server = http.createServer(app.callback());
const io = require('socket.io')(server);

//  正常的业务处理
io.on('connection', (socket) => {
    console.log('a user connected');
    socket.on('doc load', (msg) => {
        console.log('doc load', msg)
        io.emit('getData', users)
    })
});

server.listen(3000, () => {
    // ...
});

通过以上的方式就可以正常的将koasocket.io 做兼容, 后面我们就可以正常的开发了。

5. 由于node第三方模块依赖特定node版本导致的报错解决方案

这个情况笔者之前也遇到过,主要原因是第三方没有和node版本做到很好的向后兼容,此时解决方案就是更新此第三方包到最新版本, 或者使用node包管理工具切换到适配的node版本,如下:

代码语言:javascript
复制
// 更新最新的包
npm i xxx@latest

// 使用包管理工具n
npm i -g n

使用n可以很方便的管理node版本,感兴趣可以尝试一下:

6. node如何创建定时任务

定时任务在后端开发中是很常见的功能之一,其本质是根据时间规则,系统在后台自动执行相应的任务。在JavaPHP 等后台语言中有很丰富的定时任务的支持,对于node这个兴起之秀来说, 虽然没有那么成熟的生态,但是仍然有定时任务的模块, 比如node-schedule。

Node Schedule 是用于Node 灵活的 cron 类和非 cron 类作业调度程序。它允许我们使用可选的重复规则来安排作业(任意函数)在特定日期执行。它在任何给定时间仅使用一个计时器(而不是每秒钟/分钟重新评估即将到来的作业)。

一个很实用的场景是我们想在每年的双十一或者双十二让node程序自动抓取某电商的“商品羊毛”,并推送到自己的邮箱,此时我们就可以用Node Schedule来开启一个定时任务来执行我们的业务操作。

那什么是cron风格的Scheduling呢? 其Github上给出了一个简单的介绍:

所以我们可以像如下方式这样来写一个定时任务:

代码语言:javascript
复制
let schedule = require('node-schedule');

let testJob = schedule.scheduleJob('42 * * * *', function(){
    console.log('将在未来的每个时刻的42分时执行此代码, 比如22:42, 23:42');
});

7. 在node项目中使用import, export和修饰器@decorator语法

我们都知道现在 node版本已经到14.0+版本了,对最新的ES语法支持的也足够好,但是目前仍然有一些语法不支持,比如es的模块导入导出(importexport),装饰器(@decorator)等,此时我们要在node项目中使用这些新特性,我们就不得不借助工具,这里采用babel7来解决上述问题, 如下:

代码语言:javascript
复制
# .babelrc
{
  "presets": [
    [
      "@babel/preset-env",
      {
        "targets": {
          "node": "current"
        }
      }
    ]
  ],
  "plugins": [
    ["@babel/plugin-proposal-decorators", { "legacy": true }],
    ["@babel/plugin-proposal-class-properties", { "loose" : true }]
  ]
}

我们只需要在项目根目录里新建并写入如上文件,并安装babel对应的模块即可, 如下:

代码语言:javascript
复制
yarn add 
@babel/cli 
@babel/core 
@babel/node 
@babel/plugin-proposal-class-properties 
@babel/plugin-proposal-decorators 
@babel/preset-env

此时就可以想写前端项目一样使用这些新语法特性了。

8. node中优雅的处理json文件以及提高json读写性能

对于node优化方面其实有很多要聊的,这里主要来说说json相关的优化方案。我们需要从2个方面来优化, 一个就是json文件的读写性能,此时我们可以采用fast-json-stringify 来大大提高json的读写速度,其本质是提供了一套json-schema约束,让json结构更加有序,从而提高json的读取查询速度。使用方式如下:

代码语言:javascript
复制
const fastJson = require('fast-json-stringify')
const stringify = fastJson({
  title: 'H5 Dooring Schema',
  type: 'object',
  properties: {
    firstName: {
      type: 'string'
    },
    lastName: {
      type: 'string'
    },
    age: {
      description: 'Age in years',
      type: 'integer'
    },
    reg: {
      type: 'string'
    }
  }
})

比如说在H5-Dooring的后台中, 有很多需要频繁读写json数据的接口,此时使用fast-json-stringify对读写性能会有很大的提升。

另一方面,我们在node 端操作json,如果用原生的写法会非常麻烦,此时我们最好自己对json读取进行封装来提高代码的简约性,或者我们直接使用第三方库jsonfile 来轻松读写json文件,如下使用案例:

代码语言:javascript
复制
const json = require('jsonfile');
const fileName = 'h5-dooring.json';
const jsonData = jsonFile.readFileSync(fileName);

9. node读取大文件报错解决方案

node中 我们可以使用两种方式来读写文件,如下:

1. fs.readFile() 一次性将文件读取进内存中,如果文件过大会导致node内存不够而报错;

2. fs.createReadStream() 以文件流的方式读取,此时可以不用担心文件的大小;

由以上介绍可知如果我们要读取的文件可能会很大(比如视频等大文件), 我们一开始就要使用fs.createReadStream()。但是如果我们需要对文件进行解析,比如要对简历等文件进行逐行解析提取关键语料,我们可以使用nodereadline模块,此时我们就可以对文件进行逐行读取并解析,案例如下:

代码语言:javascript
复制
const fs = require("fs");
const path = require("path");
const readline = require("readline");

const readlineTask = readline.createInterface({
    input: fs.createReadStream(path.join(__dirname, './h5-dooring')),
});
 
readlineTask.on('line', function(chunk) {
  // 读取每一行数据
});
 
readlineTask.on('close', function() {
  //文件读取结束的逻辑
}

10. node如何开启gzip优化网站性能

对于nodejs开启gzip 的操作也属于node性能优化的一部分, 经过这样的处理可以让我们的网站加载更快,我们可以使用koakoa-compress中间件来实现gzip 功能。具体实现如下:

代码语言:javascript
复制
import koa from 'koa';
import compress from 'koa-compress';

const app = new koa();

// 开启gzip
const options = { threshold: 2048 };
app.use(compress(options));

当然koa-compress还有很多自定义的配置项,大家可以感受一下。

11. window和linux系统下路径分隔符不一致的问题

这个问题也是系统之间的差异导致的,我们都知道在linux系统下路径的分隔符为/,比如h5-dooring/src/pages,但是在window下解析的可能就是h5-dooring\\src\\pages这样的路径,此时我们需要做适配,不然我们部署到不同系统上报错是必然的,所以我们需要全局配置路径通配符,解决方案如下:

代码语言:javascript
复制
import os from 'os'
const _$ = (os.platform().toLowerCase() === 'win32') ? '\\' : '/';

此时涉及到具体路径的地方我们用_$ 代替即可,以上代码我们用到了nodeos模块,感兴趣的可以研究一下,我们可以用os模块处理很多因为系统差异导致的问题。

12. node如何实现父子进程通信

由于node是单线程的,但是有时候我们需要支持处理多个进程的业务,目前node可以通过父子进程的模式来模拟多进程,这里会用到child_process,大致流程如下:

大致实现过程如下:

代码语言:javascript
复制
// child.js
function computedTotal(arr, cb) {
    // 耗时计算任务
    
}

// 与主进程通信
// 监听主进程信号
process.on('message', (msg) => {
  computedTotal(bigDataArr, (flag) => {
    // 向主进程发送完成信号
    process.send(flag);
  })
});

// main.js
const { fork } = require('child_process');

app.use(async (ctx, next) => {
  if(ctx.url === '/fetch') {
    const data = ctx.request.body;
    // 通知子进程开始执行任务,并传入数据
    const res = await createPromisefork('./child.js', data)
  }
  
  // 创建异步线程
  function createPromisefork(childUrl, data) {
    // 加载子进程
    const res = fork(childUrl)
    // 通知子进程开始work
    data && res.send(data)
    return new Promise(reslove => {
        res.on('message', f => {
            reslove(f)
        })
    })  
  }
  
  await next()
})

13. node服务端实现图片编辑/压缩

图片编辑压缩在很多场景中用前端的技术实现比较常见,其实在node端也有很多需要处理的图片需要,毕竟客户端处理的质量不好控制,此时我们可以采用node-images,他是一款node 端轻量级跨平台图像编解码库, 其主要特性如下:

1. 轻量级:无需安装任何图像处理库;

2. 跨平台:Windows下发布了编译好的.node文件,下载就能用;

3. 使用简单:jQuery风格的API,简单可依赖;

我们可以使用它来裁剪,压缩图片,基本使用如下:

代码语言:javascript
复制
const images = require("images");

images("input.jpg")                     // 加载图像文件                            
  .size(400)                            // 等比缩放图像到400像素宽
  .draw(images("logo.png"), 10, 10)     // 在(10,10)处绘制Logo
  .save("output.jpg", {                 // 保存图片到文件,图片质量为50
      quality : 50                    
  });

在H5-Dooring 编辑器中哦你也使用了它来做图片处理和编辑,大家也可以更根据实际业务来使用。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2023-01-29,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. window和mac下设置NODE_ENV变量的问题
  • 2. 执行npm install发生node-gyp报错的问题
  • 3. node + koa2项目中删除已设置的cookie的解决办法
  • 4. socket.io如何与koa/egg配合使用
  • 5. 由于node第三方模块依赖特定node版本导致的报错解决方案
  • 6. node如何创建定时任务
  • 7. 在node项目中使用import, export和修饰器@decorator语法
  • 8. node中优雅的处理json文件以及提高json读写性能
  • 9. node读取大文件报错解决方案
  • 10. node如何开启gzip优化网站性能
  • 11. window和linux系统下路径分隔符不一致的问题
  • 12. node如何实现父子进程通信
  • 13. node服务端实现图片编辑/压缩
相关产品与服务
图片处理
图片处理(Image Processing,IP)是由腾讯云数据万象提供的丰富的图片处理服务,广泛应用于腾讯内部各产品。支持对腾讯云对象存储 COS 或第三方源的图片进行处理,提供基础处理能力(图片裁剪、转格式、缩放、打水印等)、图片瘦身能力(Guetzli 压缩、AVIF 转码压缩)、盲水印版权保护能力,同时支持先进的图像 AI 功能(图像增强、图像标签、图像评分、图像修复、商品抠图等),满足多种业务场景下的图片处理需求。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档