做一个一卡通分析小项目踩的坑

开学后闲来无事,把之前做的一个一卡通分析给完善了下,踩了不少坑

1. 最初的选型

首先找到了网站里获取一卡通信息的 AJAX 接口,最初的想法是在 console 里下载下来 json 格式的文件,然后写个脚本分析。

用到了一个 console.save 的扩展脚本,用是能用,不过使用太繁琐了,一般人哪里会轻易按 F12 输进去一堆脚本呢

2. PhantomJS

于是想办法减少用户操作。看了一堆 PhantomJS 的文档,想用它模拟下登录的,可是学校的登录系统有点奇怪,登陆后接连跳转若干个页面

面向 stackoverflow 编程写了一下午,最后也没成功

3. vue + restify

接下来想自己撘一个服务好了。用了个轻量级的 restify 框架。结果遇到了跨域问题,用postman正常请求,可是 AJAX 总是405。

如果是express比较好解决,这个框架找了半天发现API早就改的面目全非了,愣是没找到咋解决跨域问题,遂放弃。

教训就是水平不够不要用小众框架。

4. vue + electron

最后发现并不需要自己搭建服务啊。。。于是直接把页面封成了一个 electron 应用了,模拟登录也解决了,直接弹出来登录页面,登录完获取一下cookie

然后带着cookie请求,再用 vue 把分析数据展示出来

总结

踩了一堆坑,nodejs 水平有所提高,然而写的东西也并没有人用。科科