Node.js新手上路——动手撸一个静态资源服务器

这样一套缓存策略在现代前端项目体系下还是比较合适的，尤其是对于spa应用来讲。我们希望index.html能够保证每次向服务器验证是否有更新，而其余的文件统一本地缓存一个月（自己定）；通过webpack打包或其他工程化方式构建之后，js、css内容如果发生变化，文件名相应更新，index.html插入的manifest（或script链接、link链接等）清单会更新，保证用户能够实时得到最新的资源。

当然，缓存之路千万条，适合业务才重要，大家可以灵活制定。

4. 命令行参数

作为一个在命令行执行的工具，怎么能不象征性的支持几个参数呢？

const config = {  
    //从命令行中获取端口号，如果未设置采用默认  
    port: process.argv[2] || 2234,  
    hostname: "127.0.0.1"  
}  
server.listen(config.port, config.hostname, () => {  
    console.log(`server is running on http://${config.hostname}:${config.port}`);  
}); 

这里就简单的举个栗子啦，大家可以自由发挥！

5. 自动打开浏览器

虽然没太大卵用，但还是要加。我就是要让你们知道，我加完之后什么样，你们就是什么样 :-( duang~

const exec = require("child_process").exec;  
server.listen(config.port, config.hostname, () => {  
    console.log(`server is running on http://${config.hostname}:${config.port}`);  
    exec(`open http://${config.hostname}:${config.port}`);  
}); 

6. process.cwd()

用process.cwd()代替__dirname。

我们最终要做成一个全局并且可以在任意目录下调用的命令，所以拼接path的代码修改如下：

//__dirname是当前文件的目录地址，process.cwd()返回的是脚本执行的路径  
_path = path.join(process.cwd(), _path); 

step3 发布

基本上我们的代码都写完了，可以考虑发布了！（不发布到npm上何以显示逼格？）

step3.1 package.json

得到一个配置类似下面所示的json文件：

{  
    "name": "here11",  
    "version": "0.0.13",  
    "private": false,  
    "description": "a node static assets server",  
    "bin": {  
        "here": "./bin/index.js"  
    },  
    "repository": {  
        "type": "git",  
        "url": "https://github.com/gww666/here.git"  
    },  
    "scripts": {  
        "test": "node bin/index.js"  
    },  
    "keywords": [  
        "node"  
    ],  
    "author": "gw666",  
    "license": "ISC"  
} 

其中bin和private较为重要，其余的按照自己的项目情况填写。

bin这个配置代表的是npm i -g xxx之后，我们运行here命令所执行的文件，“here”这个名字可以随意起。

step3.2 声明脚本执行类型

在index.js文件的开头加上：#!/usr/bin/env node

否则linux上运行会报错。

step3.3 注册npm账号

勉强贴一手命令，还不清楚自行百度：

没有账号的先添加一个，执行：

npm adduser

然后依次填入

Username: your name

Password: your password

Email: yourmail

npm会给你发一封验证邮件，记得点一下，不然会发布失败。

执行登录命令：

npm login

执行发布命令：

npm publish

发布的时候记得把项目名字、版本号、作者、仓库啥的改一下，别填成我的。

还有readme文件写一下，好歹告诉别人咋用，基本上和文首所说的用法是一样的。

好了，齐活。

step3.4

还等啥啊，赶快把npm i -g xxx 这行命令发给你的小伙伴啊。什么？你没有小伙伴？告辞！

附

本文项目源码地址：https://github.com/gww666/here

（编辑：核心网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!