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

发布时间：2019-03-15 16:30 所属栏目：21 来源：携码跑路

导读：这样一套缓存策略在现代前端项目体系下还是比较合适的，尤其是对于spa应用来讲。我们希望index.html能够保证每次向服务器验证是否有更新，而其余的文件统一本地缓存一个月（自己定）；通过webpack打包或其他工程化

这样一套缓存策略在现代前端项目体系下还是比较合适的，尤其是对于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"  
}