崩溃服务器

小背景：
客户端需要将崩溃报告上传到服务器，需要自己写上传服务，啊木有写过上传服务，大神给两个链接demo作为参考，在看demo的过程当中发现根本看不懂！所以就把见到的新东西做个总结。

CoffeeScript 是一门编译到 JavaScript 的小巧语言. 在 Java 般笨拙的外表下, JavaScript 其实有着一颗华丽的心脏. CoffeeScript 尝试用简洁的方式展示 JavaScript 优秀的部分.CoffeeScript 的指导原则是: "她仅仅是 JavaScript". 代码一一对应地编译到 JS, 不会在编译过程中进行解释. 已有的 JavaScript 类库可以无缝地和 CoffeeScript 搭配使用, 反之亦然. 编译后的代码是可读的, 且经过美化, 能在所有 JavaScript 环境中运行, 并且应该和对应手写的 JavaScript 一样快或者更快.
Handlebars 是 JavaScript 一个语义模板库，通过对view和data的分离来快速构建Web模板。它采用"Logic-less template"（无逻辑模版）的思路，在加载时被预编译，而不是到了客户端执行到代码时再去编译，这样可以保证模板加载和运行的速度。
Sequelize 是一个基于promise的关系型数据库ORM框架，当前支持MySQL、SQLite、PostgreSQL、Sql Server等数据库。这个库完全采用JavaScript开发并且可以用在Node.js环境中，易于使用

小背景2:
啊幸好有两个大神辅助，给我列了需要给客户端崩溃文件上传为目的，写一个崩溃服务器应该需要的几个步骤

启动nwjs客户端时，先记录一下 CrashReport/ 目录里的文件名，如果nwjs crash了，下次再启动 nwjs 客户端时，再次扫描 CrashReport/ 就会发现有新的 dmp 文件生成
这时，就需要把这个新的 dmp 文件 POST 到你自己的服务器上，就是通过简单的POST文件请求喽
考虑到要兼容 xp, 建议不使用nwjs 自己的上传功能，而是所有都由你自己写，其实也简单啦。这样就可以保证统一
然后崩溃服务器也是需要自己写用于处理接收到的dmp文件请求，很简单啦，一两百行代码

服务器代码：

服务器框架（express，koa，node 自带的 http）
header （body-parser）
form （busboy，formidable，multer）处理表单数据，POST 请求中的文件。话可以看看 multer，有中文文档
如果处理这个文件（存储文件，命名唯一。听云接口上传需要的数据）

从第一步开始，记录 CrashPad 目录里的文件名，Windows 和 xp 的路径是不一样的，可以先使用 os.homedir 获取当前用户文件夹，然后拼接路径

首先需要使用 fs.readdir 获取目录下崩溃文件名数组，带后缀方便判断是否为dmp文件，之前刚开始使用这个函数发现异步，在网上找了一下是否有可以使用 await 的方法来使他运行之后得到结果，再进行接下来的步骤。

后来用 Promise 就解决啦，然后发现 fs.readdir 本来还有一个 option ，其中有一个参数 withFileTypes 设置为 true 返回文件fs.Dirent数组，发现 xp 不可用又取消了这个选项。现在返回的就是带后缀名的文件名，字符串数组。

function readdir (src) {
    return new Promise(function (resolve, reject) {
        fs.readdir(src, function (err, files) {
            if (err) {
                reject(err);
            } else {
                resolve(files)
            }
        })
    })
}

然后每次得到的文件名想要存在 localforage 里面，但是不知道为什么时有时无，所以在考虑是不是上传成功之后删除用户文件夹中的 dmp 文件。或者使用其他存储方式。xp 里面的崩溃文件较多 localstorage 存储觉得不太合适。

第二步就需要尝试自己写服务器啦，真是有些崩溃，大神说很简单两百行代码！让我加油，可是啊我接到崩溃服务器这个人物的时候，里面每一个词都不了解听都听不懂的任务！然后我百度了一下 “自己写一个服务器” 加上关键字 express 哈哈

这个是写在客户端的接受 post 请求的代码

var express = require("express");
var path = require("path");
var app = express();
//监听
app.listen(6080);
app.post("/upload", function(request, respones) {
    console.log("/upload comming");
    // 获得url上传来的参数
    console.log(request.query);
    // 获得用户给我们发送过来的数据
    // 监听我们的data来获得
    request.on("data", function(data) {
        console.log(data.toString());
        respones.send("UPLOAD OK"); 
    });
});

接下来就是客户端里面的post代码

function http_post(ip, port, url, params, body, callback) {
    // step1,创建一个 http.ClientRequest
    var options = {
        host: "127.0.0.1",
        port: port,
        path: url + "?" + params,
        method: "POST",
        headers: {
            "Content-Type": "application/x-www-form-urlencoded",
            "Content-Length": body.length
        }
    };
    var req = http.request(options, function(incoming_msg) {
        console.log("respones status " +          incoming_msg.statusCode);
        // 监听IncomingMessage的data事件，当收到服务器发过来的数据的时候，触发这个事件
        incoming_msg.on("data", function(data) {
            if (incoming_msg.statusCode === 200) {
                callback(true, data);
            }
        });
    });
    // step2 写入body数据
    req.write(body);
    // 发送请求
    req.end();
}

http_post("127.0.0.1", 6080, "/upload", "filename=my_file.txt", "Hello Htpp Post", function(is_ok, data) {
    if (is_ok) {
        console.log("upload_success", data.toString()); 
    }
});

因为平常我们发请求用的 Axios 所以改造成了

export async function upload_dmp(dmp:any) {
    const url = `http://127.0.0.1:6080/upload?filename=hytfile.txt`;
    const request_config:AxiosRequestConfig = {
        url,
        method: 'post',
        data: {
            dmp,
        },
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded',
        },
        withCredentials: true,
    };
    return Axios(request_config)
        .then(function (res:any) {
            console.log(res.data);
            console.log(res.status);
    });
}

对于客户端接受崩溃文件，要介绍一个强大工具！
Multer！！！！

基本上木有任何阻碍，简单的代码就可以完成文件的接收。

var express = require('express')
var multer  = require('multer')
var upload = multer({ dest: 'uploads/' })

var app = express()

app.post('/profile', upload.single('avatar'), function (req, res, next) {
  // req.file is the `avatar` file
  // req.body will hold the text fields, if there were any
})

app.post('/photos/upload', upload.array('photos', 12), function (req, res, next) {
  // req.files is array of `photos` files
  // req.body will contain the text fields, if there were any
})

最后需要加上 express 错误处理
文档

文档写的十分明白了，错误从异步代码中返回必须加上 next 函数，express 会处理

如果你已经开始向 response 输出数据了，这时才调用 next() 并传递了一个 error，比如你在将向客户端输出数据流时遇到一个错误，Express 内置的缺省错误处理句柄将帮你关闭连接并告知 request 请求失败。

function errorHandler(err, req, res, next) {
  if (res.headersSent) {
    return next(err);
  }
  res.status(500);
  res.render('error', { error: err });
}

崩溃服务器

崩溃服务器

推荐阅读更多精彩内容