同时一键启动客户端和服务器
目录
简介
安装
使用场景
同时运行多个 npm scripts
顺序运行 npm scripts
运行命令和 npm scripts
传递环境变量和输入
前缀日志
案例
简介
concurrently 是一个运行并发任务的工具库,可以帮助我们在 Node.js 中轻松管理多个异步任务。
安装
使用 npm 安装 concurrently:
1 |
npm install concurrently --save-dev |
使用场景
同时运行多个 npm scripts
package.json:
1 2 3 |
"scripts": { "start": "concurrently \"npm run server\" \"npm run client\"" } |
运行 npm start将同时运行 npm run server 和 npm run client。
顺序运行 npm scripts
package.json:
1 2 3 |
"scripts": { "prepare": "concurrently npm:install:package-lock npm:install" } |
运行 npm run prepare将先运行 npm:install:package-lock,完成后再运行 npm:install。
运行命令和 npm scripts
package.json:
1 2 3 |
"scripts": { "start": "concurrently \"npm run client\" \"cd server && nodemon server.js\"" } |
运行 npm start 将同时运行 npm run client 和 cd server && nodemon server.js。
传递环境变量和输入
package.json:
1 2 3 |
"scripts": { "start": "concurrently \"npm run server\" \"npm run client\" --kill-others-on-fail --env NODE_ENV=production" } |
运行 npm start 将设置 NODE_ENV=production环境变量传递给 npm run server 和 npm run client。
–kill-others-on-fail 选项指定如果其中一个任务失败,其他运行的任务也会被 killed。
你也可以在运行 concurrently 时输入 ENV_VAR=value 来设置环境变量。
前缀日志
package.json:
1 2 3 |
"scripts": { "start": "concurrently \"npm run server\" \"npm run client\" --names \"SERVER,CLIENT\"" } |
运行 npm start 将为日志加上 [SERVER] 和 [CLIENT] 前缀,区分来自哪个任务的日志。
案例
在日常的全栈开发过程中,往往会同时启动服务器和客户端工程,分别启动服务器和客户端往往会不可避免的造成一定时间浪费和开发流程繁杂.本着能躺着就别坐着的原则,在万能的npm库中找到了concurrently
如下面package.json
内的脚本代码所示,concurrently将服务端及客户端项目的启动合并在一起了.妈妈再也不用担心我浪费时间在启动项目上了????.
--prefix
的作用是:编译的时候用来指定程序存放路径 。NODE_ENV=development的作用是:设置环境变量
concurrently的作用为:合并命令
"scripts": {
"start": "node server.js",
"server": "NODE_ENV=development nodemon server.js",
"web-install": "npm install --prefix ../web",
"web": "npm start --prefix ../web",
"dev": "concurrently \"npm run server\" \"npm run web\""
},
下一篇: 优化
推荐阅读
-
同时一键启动客户端和服务器
-
用C语言实现Socket心跳包异常检测:服务器和客户端代码实例
-
如何安装和启动微软的消息队列服务器 MSMQ?
-
Jellyfin 适用于威联通和QNAP NAS N5105的简易设置教程 + 解决办法:客户端与媒体不匹配,确保服务器提供兼容视频格式
-
快速上手!HTML5游戏集锦:独特『伊卡洛斯OL』手工版、VM一键启动版与原生客户端合集
-
如何轻松修改《碧雪情天online》网络版的服务器地址源?回归霸主地位的稀有游戏王者归来,一键服端及客户端现已全面升级,包含转生功能及全新地图支持...
-
如何使用 OpenSSL 生成 CA 证书、服务器和客户端证书及其对应密钥的简易教程
-
Node.js:开发人员必须掌握的 10 个库(下) - Lodash 库的功能和优势: 使用 Polyfills 实现跨浏览器兼容。 在处理对象数组时,提供过滤器、搜索和 flatMap 等内置解决方案。 帮助开发人员避免冗余代码并保持代码清晰。 阿克西奥斯 Axios 是一款基于 Promise 的 HTTP 客户端,适用于 Node.js 和浏览器。它还能根据需要管理浏览器或 Node.js 请求和响应数据的转换。Axios 是同构的,这意味着它可以在服务器和客户端使用相同的代码库。Axios 在服务器端使用本地 HTTP 模块,在客户端使用 XMLHttpRequest 进行 HTTP 通信。 Axios 库的特点和优势: 为 GET、PUT、POST 和 DELETE 等常见 HTTP 数据类型提供 API 方法。 在互联网上执行 HTTP 查询时,可防止跨站请求伪造(CSRF),从而提高安全性。 自动 JSON 数据转换,可轻松将响应数据转换为 JSON 格式。 Puppeteer Puppeteer 是一个 Node.js 框架,它通过 DevTools 协议提供了一个高级 API,允许你通过控制 Chrome/Chromium 实现浏览器自动化。它可用于自动化前端测试,如处理请求、识别和比较用户界面组件以及性能测试。在代码中导入 Puppeteer 软件包后,就能构建 Chromium 实例,然后与浏览器引擎通信,执行自动化测试。 Puppeteer 库的优势和功能:
-
openssl 自签名 CA 根证书、服务器端和客户端证书生成以及模拟单向/双向证书验证 3. 生成客户端证书
-
异步编程RxJava-介绍-前言 前段时间写了一篇对协程的一些理解,里面提到了不管是协程还是callback,本质上其实提供的是一种异步无阻塞的编程模式;并且介绍了java中对异步无阻赛这种编程模式的支持,主要提到了Future和CompletableFuture;之后有同学在下面留言提到了RxJava,刚好最近在看微服务设计这本书,里面提到了响应式扩展(Reactive extensions,Rx),而RxJava是Rx在JVM上的实现,所有打算对RxJava进一步了解。 RxJava简介 RxJava的官网地址:https://github.com/ReactiveX/RxJava, 其中对RxJava进行了一句话描述:RxJava – Reactive Extensions for the JVM – a library for composing asynchronous and event-based programs using observable sequences for the Java VM. 大意就是:一个在Java VM上使用可观测的序列来组成异步的、基于事件的程序的库。 更详细的说明在Netflix技术博客的一篇文章中描述了RxJava的主要特点: 1.易于并发从而更好的利用服务器的能力。 2.易于有条件的异步执行。 3.一种更好的方式来避免回调地狱。 4.一种响应式方法。 与CompletableFuture对比 之前提到CompletableFuture真正的实现了异步的编程模式,一个比较常见的使用场景: CompletableFuture<Integer> future = CompletableFuture.supplyAsync(耗时函数); Future<Integer> f = future.whenComplete((v, e) -> { System.out.println(v); System.out.println(e); }); System.out.println("other..."); 下面用一个简单的例子来看一下RxJava是如何实现异步的编程模式: Observable<Long> observable = Observable.just(1, 2) .subscribeOn(Schedulers.io).map(new Func1<Integer, Long> { @Override public Long call(Integer t) { try { Thread.sleep(1000); //耗时的操作 } catch (InterruptedException e) { e.printStackTrace; } return (long) (t * 2); } }); observable.subscribe(new Subscriber<Long> { @Override public void onCompleted { System.out.println("onCompleted"); } @Override public void onError(Throwable e) { System.out.println("error" + e); } @Override public void onNext(Long result) { System.out.println("result = " + result); } }); System.out.println("other..."); Func1中以异步的方式执行了一个耗时的操作,Subscriber(观察者)被订阅到Observable(被观察者)中,当耗时操作执行完会回调Subscriber中的onNext方法。 其中的异步方式是在subscribeOn(Schedulers.io)中指定的,Schedulers.io可以理解为每次执行耗时操作都启动一个新的线程。 结构上其实和CompletableFuture很像,都是异步的执行一个耗时的操作,然后在有结果的时候主动告诉我结果。那我们还需要RxJava干嘛,不知道你有没有注意,上面的例子中其实提供2条数据流[1,2],并且处理完任何一个都会主动告诉我,当然这只是它其中的一项功能,RxJava还有很多好用的功能,在下面的内容会进行介绍。 异步观察者模式 上面这段代码有没有发现特别像设计模式中的:观察者模式;首先提供一个被观察者Observable,然后把观察者Subscriber添加到了被观察者列表中; RxJava中一共提供了四种角色:Observable、Observer、Subscriber、Subjects Observables和Subjects是两个被观察者,Observers和Subscribers是观察者; 当然我们也可以查看一下源码,看一下jdk中的Observer和RxJava的Observer jdk中的Observer: public interface Observer { void update(Observable o, Object arg); } RxJava的Observer: public interface Observer<T> { void onCompleted; void onError(Throwable e); void onNext(T t); } 同时可以发现Subscriber是implements Observer的: public abstract class Subscriber<T> implements Observer<T>, Subscription 可以发现RxJava中在Observer中引入了2个新的方法:onCompleted和onError onCompleted:即通知观察者Observable没有更多的数据,事件队列完结 onError:在事件处理过程中出异常时,onError会被触发,同时队列自动终止,不允许再有事件发出。 正是因为RxJava提供了同步和异步两种方式进行事件的处理,个人觉得异步的方式更能体现RxJava的价值,所以这里给他命名为异步观察者模式。 好了,下面正式介绍RxJava的那些灵活的操作符,这里仅仅是简单的介绍和简单的实例,具体用在什么场景下,会在以后的文章中介绍 Maven引入