崩溃服务器
小背景：
客户端需要将崩溃报告上传到服务器，需要自己写上传服务，啊木有写过上传服务，大神给两个链接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 });
}