【原创】最新的"答题热"中,前端的一点小工作

  据王思聪引爆全民HQ也3个星期了,总结下最新做的一个有关"答题热"的工具。并借由这个工具的开发,分析当下HybridApp中H5的一些技术。

  在百万英雄等节目刚出来的时候,就有很多大咖预测会有人工智能AI介入。但是AI需要大量的运算分析,更贴近服务端,前端主要还是做客户端的工作

  所以我的思路是借助一些互联网公司开发的免费AI答题助手,做一个整合到PC端AI参考答案的界面,并支持批量答题操作。助手包括:

  丶百度:简单搜索  Hybrid-App

  丶搜狗:汪仔助手  Hybrid-App

  丶UC:UC答题助手  Hybrid-App 或者 Web

 

 二、开发

  目前全部代码已放在github:https://github.com/SmileSmith/autoAnswer(欢迎star和issue)

  效果图:

  

【原创】最新的

   1、各个助手代码分析(借用Charles抓取手机的请求和返回包)

    简单搜索:Hybrid-App,简单的静态页面做webscoket请求,特点如下:

      丶主要JS逻辑和代码放在index.html中,引入zepto和自己开发的scoket.io.js

      丶API用WebSocket实现实时响应,不需要轮询

      丶API请求简单的请求头即可,支持跨域,没有做安全策略,也不检验referrer

    点评:官方命名是DAN哥直播间,除了显示AI搜索的结果外,还有比较答案等功能,互动性较强。技术上用了Webscoket等,减少通讯数量,降低服务器的压力。但是业务层的代码没有做模块化工程化,且有一些低级错误,比如函数名为:stepTow。总结是设计和架构不错,业务逻辑代码有点像赶工的。。。

    模拟:直接抓取相关代码,静态托管即可。

    

    汪仔助手:Hybrid-App,与简单搜索差不多,简单的静态页面,差别在于用Ajax轮询,特点如下:

      丶主要JS逻辑和代码放在index.html中,引入zepto

      丶API需要轮询

      丶API使用jsonp支持跨域,并且做了CSP以及校验域名和校验User-Agent

    点评:与上面的简单搜索对比,无时无刻的轮询肯定是耗费大量资源的。前几天API接口从wd.sogou.com换到一个ip地址,不知道是不是服务器压力还是技术升级的原因。

    模拟:抓取相关代码,静态托管,对API请求做反向代理,修改Refer和User-Agent

     

【原创】最新的

 

    UC答题助手:Web访问或Hybrid-App,一个Vue的SPA应用,在特定时间段Ajax轮询,特点如下:

      丶Vue构建的SPA应用,webpack打包并做了版本控制,看上去是最工程化

      丶使用了服务端渲染SSR,(当前期数,奖金,开始轮询的时间)是动态渲染到首页的一个变量中的

      丶API在答题开始时开始轮询,12题结束后结束轮询,由前端控制,API不支持跨域

      丶API做了校验域名

    模拟:抓取相关代码,静态托管,对API请求做反向代理,修改Refer和User-Agent。首页动态渲染的参数,需要先请求真实地址(这里也需要反向代理),拿到相关参数eval,并修改请求数据的API地址

    

【原创】最新的

    2、本地服务器静态文件托管和反向代理、以及收集数据和点击手机

    用Python3写了简单的sever,方便后续分析处理数据。

    静态托管:

    

【原创】最新的

    动态代理(感觉这里用urllib模拟的反向代理,和我以前常用的Koa和Nginx中的反向代理有些不同:Charles抓的包能看到代理访问的地址):

     

【原创】最新的

    收集答题数据:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpxzsj.html