node服务器自动监听代码修改

最新推荐文章于 2022-05-14 13:46:03 发布
最新推荐文章于 2022-05-14 13:46:03 发布
阅读量558 收藏 3
点赞数 1
文章标签： 服务器 运维 node.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_55258023/article/details/121089626
版权

node服务器自动监听代码修改

当你在写node.js的时候，当你每次修改node.js后台代码的时候。都要去重新启动服务器，是不是感觉特别的麻烦，特别烦。那么好，我来教你解决方案。

首先 

我们在node中安装第三方工具包  nodemon    可以实现自动监听服务器代码的更改，重新部署的功能。

 根目录：npm i nodemon -D

把第三方工具包，安装在本地开发依赖

第二步

打开package.json文件，在scripts中，添加dev命令：

配置    

 第三步

在终端中，通过npm run 命令的方式执行命令。

 

好的，恭喜你的node代码修改后，会自动重启后台已经完成

走出半生的少年
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【Node.js】如何使用node.js监听文件变化并读写文件
weixin_39006917的博客
09-18 2768
1. 监听文件变化 跟文件相关的内容被包含在node.js内置的文件模块‘fs’中。 const fs = require('fs'); 监听文件变化的方法是watch()，其中包含两个参数，第一个参数string，代表文件名，第二个参数是文件变化时需要执行的回调函数。 fs.watch('filename',() => console.log('file changed!')); 接收命令行参数 process是一个全局对象，argv是一个数组，保存命令行输入的参数。 node app.js t
node用express写后端restful接口实战一：npm生成express项目、express-generator生成express项目、用nodemon实时监听代码变化
*
10-18 569
node后端，常用express 和 koa用来开发 一、用npm生成express项目 1.新建 Express 项目 这一集，咱们来正式跑一个Express项目 $ mkdir myapp $ cd myapp $ npm init 同样的新建项目文件夹后，使用 npm init，创建 package.json。这次没有使用 -y 参数，所以命令过程中会问我们几个问题，大多数问题都是直接按回车就可以了。 但有一个地方要注意，项目的入口文件咱们填写 app.js： entry point: (index
node项目如何监听改变自动重启，node调试工具nodemon
weixin_44434938的博客
05-12 567
提示：session使用过程中 文章目录前言一、依赖和邮箱设置二、使用步骤1.vue中Login.vue2.vue中axios.js3.koa中routes.js4.koa中emailCode.js5.koa中app.js总结 前言 koa发送验证码至邮箱，QQ邮箱发送 一、依赖和邮箱设置 npm install nodemailer --save 二、使用步骤 1.vue中Login.vue 代码如下（示例）： <template> <div class="login_bo.
监听文件变化并自动运行 npm script
YunWisdom
07-30 2063
监听文件变化并自动运行 npm script 软件工程师做的事情基本都是在实现自动化，比如各种业务系统是为了业务运转的自动化，部署系统是为了运维的自动化，对于开发者本身，自动化也是提升效率的关键环节，在实际开发过程中也有不少事情是可以自动化的。 拥抱现代前端工作流的同学都会有代码风格检查、单元测试等环节，这样就很需要在代码变更之后立即得到反馈，如代码改动导致了那个 Case 失败，哪块不符合团队的编码规范等。 使用 gulp、grunt 的同学，可能对这种功能非常熟悉，不就是 watch 么？确.
Supervisor监控node.js代码的修改
give it a try
11-08 423
当你的后端代码修改过后，按Ctrl+s保存后，没有热重载，所以不会自动重新载入代码。需要Ctrl+C组合来结束服务，然后再重新启动，但是这是非常麻烦的。 使用Supervisor插件来监控代码的修改。 安装 npm install -g supervisor 启动后端改为 supervisor bin/www 启动后，当工程中代码修改过，当Crtl+S保存后，会自动重新载入代码 ...
[ 重 新 预 习 ] Node.js搭建服务
weixin_46106424的博客
01-31 710
中级实作的作业，做的是一个电影推荐网站，负责的部分是后台管理页面。已经忘记怎么做的了，回顾回顾。 服务器端 const express = require("express") const router = require("./router/data_table") const fs = require("fs") const app = express() // const express = require("express") // const fs = require("fs") /
自动完成控件ajax修改版源码.zip
06-19
在“自动完成控件ajax修改版源码.zip”这个压缩包中，我们很可能是找到了一个经过改良的、基于Ajax的自动完成功能的源代码实现。 Ajax的核心在于XMLHttpRequest对象，它使得JavaScript能够发送HTTP请求并处理响应，...
js代码-Node模块热更新
07-16
在JavaScript的世界里，Node.js作为一个强大的服务器端运行环境，它允许开发者使用JavaScript编写后端代码。在开发过程中，为了提高效率，我们常常需要快速迭代和测试代码，这就涉及到了"Node模块热更新"。Node模块...
node 命令方式启动修改端口的方法
08-27
总结来说，通过设置`process.env.PORT`并结合命令行环境变量，我们可以灵活地控制Node.js应用监听的端口，这在多项目协作、多环境部署以及自动化流程中非常有用。记住，这种方法仅适用于应用中使用了类似`process....
解决node修改后需频繁手动重启的问题
08-27
在Node.js开发环境中，开发者经常会遇到一个问题：每次修改代码后，必须手动重启Node服务才能看到代码变更的效果。这无疑降低了开发效率，增加了不必要的繁琐步骤。为了解决这个问题，我们可以利用第三方工具`...
使用live-server快速搭建本地服务器+自动刷新的方法
11-26
在IT行业中，开发和调试网页或前端应用时，快速搭建本地服务器并实现自动刷新功能能够极大地提高工作效率。这里我们将详细讲解如何使用`live-server`这一工具来达成这一目标。 `live-server`是一款轻量级的开发用...
nodemon：监视node.js应用程序中的任何更改并自动重启服务器-非常适合开发
02-04
Nodemon nodemon是一种工具，它可以在检测到目录中的文件更改时通过自动重新启动节点应用程序来帮助开发基于node.js的应用程序。 nodemon不需要对你的代码或开发的方法进行额外的修改。 nodemon是node的替换包装。 要使用nodemon ，请在执行脚本时在命令行上替换单词node 。 安装 通过git克隆或使用 （推荐方式）： npm install -g nodemon 并且nodemon将全局安装到您的系统路径。 您还可以将nodemon安装为开发依赖项： npm install --save-dev nodemon 使用本地安装时，nodemon在
微信小程序开发教程：项目三表单组件 课后习题
WHT869706733的博客
04-01 8549
《微信小程序开发教程》主编/黄寿孟 易芳 陶延涛 湖南大学出版社 目录 一、单选题 二、多选题 三、判断题 四、填空题 五、简答题 1.请简单描述搭建node后台服务器的过程。 2.在调查问卷案例中，微信小程序发起接口请求成功后，后台返回的数据信息主要内容是什么？ 六、编程题 1.设计一款有下列组件的表单问卷：(1)有开关选择器、滑动选择器、单项选择器、多项选择器、单行输入框等组件。(2)有“提交”“重置”按钮。 2.制作猫眼电影底部标签导航。 一、单选题 1.在微信小程序
node.js自动监听服务器修改
huxixi的博客
10-16 6076
node.js自动监听服务器修改这篇博客是接着我的上一篇的博客而写的，上一篇介绍了node.js的安装和简单实用，现在主要介绍一下node.js的自动监听，其次是补充一些漏掉的内容。1、自动监听在上一篇文章里面有一段代码，引用了node.js的服务。 ”’//建一个变量，引用node.js提供的http服务 var http = require(“http”); //使用这个对象中create
node下运行js文件实时更新文件变化
没化妆，别看
05-14 815
node下运行js文件自动更新js文件|nodemon 当我们写一个js文件在node环境中运行时，每次修改该js文件都需要关闭文件，然后重新运行该文件，比较麻烦，所以一个npm包 — nodemon即用来解决该问题，帮助我们修改js文件时能同步更新文件内容在服务中,提高开发效率 npm install -g nodemon 运行js文件方法 nodemon "相对路径下js文件" 例如 仅个人学习经验，欢迎指正讨论！ ...
webpack (八) -watch监听——监听到代码变化，自动打包 & dev-server——自动刷新浏览器实时预览 & package.json启动命令脚本为npm run serve
weixin_44867717的博客
02-22 2257
15-webpack-watch监听——监听到代码变化，自动实现打包 可以指示 webpack “watch” 依赖图中的所有文件以进行更改。如果其中一个文件被更新，代码将被重新编译，所以你不必手动运行整个构建。 webpack官网—>中文文档—>指南—>开发—>使用观察模式： https://www.webpackjs.com/guides/development/#...
《node.js实战》第四章（4.4—4.5） 构建web程序
nullccc的博客
09-28 155
application/x-www-form-urlencoded：这是html表单的默认值multipart/form-data：在表单重含有文件或二进制数据时使用 首先要实现一个支持GET和POST的服务器 实现show函数 实现两个错报函数 最后实现last函数 这个例子只处理application/x-www-form-urlencoded值，解析数据只需要把data事件数据拼接到一起。前端表单含有中文会导致乱码，就是这种格式： 其实这个只是decodeURI后的格
NodeJS多种创建WebSocket监听的方式
MrLizs的博客
06-02 1211
第一种，原生自带的 //引用net库的方式 const net = require('net'); const server = net.createServer((socket)=>{ socket.on("connect",(data)=>{ console.log("connect"); }) }); server.listen("8111","127.0.0.1") //js的原生方式 const websocket = requir.
《node.js实战》第四章（4.1—4.3） 构建web程序
nullccc的博客
09-25 154
和php之类的语言或者其他框架比较，node的api比较底层，而且node的HTTP接口一样比较底层， 不过这是为了保证他的速度和灵活性。 服务器收到一条http请求，都会都使用新的req和res对象请求回调函数。在触发回调函数之前，node会解析请求的http头，并将它们作为req对象的一部分提供给请求回调。调用完之后，node会一直等待res.end()方法，如果没有res.end()客户端会一直等待。 创建标准的REST服务器需要实现四个HTTP谓词。GET（获得）POST（改变/传输）PUT（
后台服务器接收到 数据后，前端页面自动刷新显示
最新发布
07-09
实现后台服务器接收到数据后前端页面自动刷新显示的一种常见方法是使用WebSocket来建立实时通信。当后台服务器接收到数据时，它可以将数据发送给连接的前端页面，前端页面接收到数据后可以进行相应的处理和刷新。 下面是一个简单的示例代码，展示了如何使用WebSocket实现此功能： 前端页面代码（HTML和JavaScript）： ```html <!DOCTYPE html> <html> <head> <title>自动刷新页面示例</title> </head> <body> <h1>接收到的数据： <span id="data"></span></h1> <script> const socket = new WebSocket('ws://localhost:8080'); // 替换为你的服务器地址 socket.onmessage = function(event) { const receivedData = event.data; document.getElementById('data').innerText = receivedData; // 在此处进行其他页面刷新或处理逻辑 }; </script> </body> </html> ``` 后台服务器代码（使用Node.js和WebSocket库）： ```javascript const WebSocket = require('ws'); const wss = new WebSocket.Server({ port: 8080 }); // 替换为你希望监听的端口 wss.on('connection', function connection(ws) { ws.on('message', function incoming(message) { // 在此处处理接收到的数据 // 可以根据需要进行相应的逻辑和处理 // 示例：将接收到的数据发送给所有连接的客户端 wss.clients.forEach(function each(client) { if (client.readyState === WebSocket.OPEN) { client.send(message); } }); }); }); ``` 这个示例中，前端页面通过WebSocket连接到后台服务器，并监听`onmessage`事件来接收从服务器发送过来的数据。后台服务器使用WebSocket库创建一个WebSocket服务器，并在收到客户端发送的消息时，将消息广播给所有连接的客户端。 请注意，这只是一个简单的示例，实际应用可能需要根据具体需求进行适当的修改和扩展。希望对你有帮助！如果你有任何其他问题，请随时提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值