前言

本文的前置文章

JAVA程序员如何转node_01

JAVA程序员如何转node_02

本文会介绍的东西

1、npm node的包管理工具

2、koa 今天先简单运行一下,具体下节再分析


javascript的文件管理

谈node总避不开npm,但是在谈npm之前,我觉得你有必要先了解一下js中module和npm是什么关系。

历史上javaScript是没有文件组织关系的,想想你之前写的前端js,是不是每次都用

在最开始,javaScript的变量都是用var来定义,这种情况下他相当于直接把对象加载到了全局,你写了之后在其他文件都能对其进行访问与修改,这对文件的组织造成了极大的困难。试想一下你在两个js文件中都使用var user来定义对象,这时候两个js文件都被引用在一个html文件中时,两个对象就会相互冲突。这个问题对js开发大型的、复杂的项目造成了巨大障碍。

node要做后台应用,势必要对文件、模块进行管理。所以到了后面,有了module这种语法,有了以文件为单位的模块化管理工具,大家开始用let定义变量(let定义的对象生命周期在当前函数之内),在文件的末尾处module.export你要暴露出来的变量,在文件开头用require引入变量,文件的管理才变得有章可循。

简单举个例子,新建两个文件app.js 和utils.js。

// utils.js
function add (a, b) {
    return a + b;
}
module.exports = {
    add
}

//app.js
let{ add } = require('./utils');
console.log(add(1,2));

在目录下cmd执行命令 node app.js,就会看到有3的输出。

关于module的具体用法可以看

module的语法

npm

而npm是node对包的管理工具,使用它的时候,你的项目就被组织成一个包的形式,它相当于java中的maven。这时候工程目录下就会有一个package.json记录你这个项目用了哪些包(相当与maven中的pom.xml)

要在本地中生成这个package.json,你只需要执行 npm init,然后根据它的提示输入信息就行,如果你什么都不想输入,一路回车也是可以的。这样目录中就多了package.json这个文件。

{
  "name": "test4",
  "version": "1.0.0",
  "description": "",
  "main": "app.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}

其中name就是你的项目的包名,main就是你的包的程序主入口,这里我把它改成了刚才写的app.js。

scripts中的字段可以用npm run 来调用,比如上面的test我可以在cmd中输入npm run test,它相当于执行了"echo “Error: no test specified” && exit 1" 这段脚本。

一般来说用npm将通用的方法打包成一个模块供别人使用,都需要再npm官网注册一个账号,然后将npm模块上传到npm官网中。但是目前我一直都没有注册(主要是懒),所以一直都是用npm link本地链接使用或者使用公司的gitlab(相当于github)来发布和托管。

为了显示如何使用我当前这个模块,我先演示一下如何使用npm link引用刚才写的包。如果有人感兴趣另一种方式,就留言一下。

首先,经过刚才一番操作,我现在的代码结构目录及内容如下。(package-lock.json不太重要)

java 转换JavaScript的包 java转node.js_node

在vscode中快捷键ctrl + J调出终端(cmd),输入 npm link。这时候,npm 就会把你当前这个包临时存放在你本地全局存放npm包的地方。

现在我创建另一个test5目录,同样ctrl + J调出终端,输入npm link test4(test4是刚才的包名)。可以看到目录下多了一个node_module文件夹,里面存放着一个test4文件夹。

java 转换JavaScript的包 java转node.js_JavaScript_02

test4的右边有一个箭头,说明它不是下载到当前目录的文件,只是一个类似快捷方式的引用而以。

现在我们就可以对其进行引用了,在当前目录下新建app.js,并键入require(‘test4’)

java 转换JavaScript的包 java转node.js_node_03

执行app.js即可看到输出3。这便是test4包中app.js所运行的结果。

简单演示到这里。需要说明的是,npm引用也可以跟上面一样

const utils = require('test4');
utils.add();  ....

这只取决于test4中的app.js有没有module.exports变量出来。npm甚至可以将方法挂载到对象之中,比如将某些方法挂载到每次请求的实例对象之中,具体可以自行了解。

npm的方便之处

npm可太方便了,无论你需要什么包,直接npm Install [包名]就可以下载到你的目录当中的node_modules文件夹中,如果你只是想临时用一下一个包,就npm install [包名]。如果你想把这个包记录在package.json中,就npm install --save [包名],项目上传代码一般不会把node_module中的文件一起带上,但是会带上package.json,这样你拿到了代码,只需要输入npm install,npm就会帮你把package.json中记录的那些包都下到本地。

为了显示npm的方便我就简单演示一下如何node是如何搭建网络应用的。

koa

1、进入一个目录,点开cmd,输入npm i koa

2、在该目录下新建app.js,输入以下代码

const Koa = require('koa');
const app = new Koa();
app.use(async ctx => { ctx.body = 'Hello World';});
app.listen(8080);
console.log('Server running at http://127.0.0.1:8080/');

3、在cmd中输入 node app.js

4、在浏览器地址栏中输入127.0.0.1:8888,就会看到hello world!

注:async ctx => { ctx.body = ‘Hello World’;}是下面这个函数的简写。

async function func(ctx){
ctx.body = 'Hello World';
}

有没有发现很简单就实现了一个网络应用!不用像java一样还需要写servlet、将项目打包放入apache中、开启服务。统统不用,node中直接就可以对请求进行处理。

此外npm也使项目的构建变得非常方便,简单一个npm install方法就可以将模块下载到本地node_module中,不用像maven一样进行配置、管理。

此外,npm init不仅可以生成package.json。它还可以对项目进行初始化(简单来说就是将某个框架的初始化目录结构整个拖拽到本地)这大大提高了应用的开发效率。


后记

今天先写到这,下一节估计会讲一下node的网站开发和koa都做了什么。

如果你觉得我的分享有用的话,可以留下你的点赞或者评论,蟹蟹!