外贸助手——客户端

项目介绍

这是在公司做的第一个项目,前端基本都是一个人做的,后端用mgDb吧用户数据储存在本地,有.net对用户操作进行过埋点,登陆需要用阿里国际站账号

前端用的是angular1.*,代码压缩合并用的是gulp

https://pan.baidu.com/s/1GX10LCGmUbZ_AUPw87TfmQ 安装包地址

单独调几个功能模块出来说

总体

软件有用户用户的概念,登陆国际站就相当于注册了用户,基本的操作,如查排名,标题等,都用mgDB储存在本地的data文件夹里,这一个储存基本是后端来做,涉及到表设计和业务逻辑,

前端的工作是页面布局,交互,部分node数据请求,.net接口对接等,经常用到谷歌浏览器API,用来突破前端权限不足的尴尬,用过他，甚至可以拦截原来正常的请求,修改或获取提交参数,用法的话

我都是参照官网,有一些坑,以后有机会写细节的时候,分享出来

排名查询

功能:
非登陆：用户提供店铺名称,关键词,node去抓取抓取页面信息,展示在前台

登陆：登陆的时候,去请求信息吧用户店铺名称取到,用户提供关键词,查排名

mgD会记录下排名信息和关键词信息,允许用户刚打开软件的时候选择地址,这里只有非登陆的查排名是原来后端做的,登陆取用户信息,查排名,都是前端制作,用的也是node的http请求模块

这里有用到浏览器API,请求的是阿里国际站后台的接口,用请求的时候,用node的request模块,往里面塞浏览器接口活的到的cookies,则请求成功。展示到页面上,并合并单元格

 

 

 数据导出

这个功能一定要在登陆的情况下,并用脚本嵌入,在他们的后台界面(iframe)嵌入一个导出按钮,并使用MessengerJS进行通信,当用户点击我们嵌入的导出按钮的时候，用户的权限,去爬一边阿里接口,把所有数据(例如:访客信息,右键,关键词)等, 分页获取完整并且导出。
这里比较好玩的是,用浏览器权限,去获取并保存用户上次请求的查询条件,因为这个查询是不固定的,用户可能做筛选操作,拦截后,在第一次请求列表的时候,获取到总页码,然后循环请求,再弄node导出,导出是后端弄node的插件写了个通用的,前端写好配置文件,导出的表头,宽度,图片,超链接等形式,还是很有趣的,自由的控制表格,非常爽

 

 

总结

由于是之前公司的项目,就没有源码了,记录下自己做的东西