手Q安卓APP下载链接优化——中间页面实现方案
背景回顾
由于当前的手Q内部流量安卓APP下载路径为应用宝外部下载路径，通过此路径下载存在一定弊端，因此需要将直接在手Qwebview打开应用宝页面修改为从展示广告页跳转到手Q详情页或应用宝内部详情页，此次需求先变更兴趣部落广告位。
背景回顾
1. 广告展示页点击广告，请求c.gdt.qq.com进行点击上报;
2. 点击cgi完成扣费等操作之后回包一个中间页面，其中请求链接包含参数_wv=4,用于追踪用户从详情页回退的动作
3. 中间页面中完成新链接的封装和新页面的跳转
中间页实现方案
方案一
- 服务部署：点击CGI和TSW同机部署，由node.js-实现中间页面的渲染。
- node.js监听地址：0.0.0.0
- node.js监听端口：33333
- 用户点击广告到详情页展示的交互时序图如下图所示：
1.用户在广告展示页点击安卓APP类型广告，向点击CGI发送请求 http://c.gdt.qq.com/gdt_click.fcg;
2.点击cgi接收到用户的请求之后向node.js发送POST请求：http://127.0.0.0:33333/app/link?_wv=4 请求体为json类型数据，数据格式如下：
{
app_id: "111122333", //APP ID
pkg_name: "pkagname", //安装包名称
subordinate_product_id : "", //渠道包ID
trace_id : "0a1270245a60533a187993788201", //广告曝光ID
auto_download : flase //是否自动下载APP
}
3.node.js收到点击cgi的请求(node.js侧限制访问域名只能来自127.0.0.1)之后解析请求体内容，并获取跳转到应用宝详情页或手Q详情页的新链接，使用直出方式完成html页面的渲染，同时在html中实现详情页跳转;
4.node.js完成html页面的渲染之后向点击cgi响应完整的html页面;
5.点击cgi收到node,js的回包之后对html页面进行进一步数据处理，并响应给用户。
图3-1 方案一时序图
方案二
- 服务部署：点击CGI和TSW同机部署，由node.js实现中间页面的渲染。
- node.js监听地址：0.0.0.0
- node.js监听端口：33333
- 用户点击广告到详情页展示的交互时序图如下图所示：
1.用户在广告展示页点击安卓APP类型广告，向点击CGI发送请求 http://c.gdt.qq.com/gdt_click.fcg;
2.点击cgi接收到用户的请求之后向用户做302响应，新的请求链接为http://c.gdt.qq.com/app/link?_wv=4&app_id=111122333&pkg_name=pkgname&subordinate_product_id=&trace_id=0a1270245a60533a187993788201&auto_download=false, 请求参数使用querystring方式进行传递;
3.在用户将请求发送到node.js之前会先通过ngnix路由转发，将url路径为/app/link?_wv=4的请求转发到http://127.0.0.1:33333做处理，即为node.js可以监听到的IP和Port;
4.经过nginx路由转发，node.js收到用户的请求，解析querystring，并获取跳转到应用宝详情页或手Q详情页的新链接，使用直出方式完成html页面的渲染，同时在html中实现详情页跳转;
5.node.js完成html页面的渲染之后用户响应完整的html页面。
图3-2 方案二时序图
方案三
- 服务部署：不额外部署web服务
- 用户点击广告到详情页展示的交互时序图如下图所示：
1.用户在广告展示页点击安卓APP类型广告，向点击CGI发送请求 http://c.gdt.qq.com/gdt_click.fcg;
2.点击cgi接收到用户的请求之后请求链接http://c.gdt.qq.com/applink.html?_wv=4,该请求可以选择POST方式或GET方式，参数传递分别选择json方式传递和querystring方式传递。
3.html页面请求远程服务器上的js文件；
4.js请求成功后调用接口window.getapplink(obj)获取新的下载地址，实现新页面的跳转；
5.html加载完成之后向点击cgi响应页面信息；
6.点击cgi向用户响应页面信息。
图3-3 方案三时序图
三种方案的优劣对比
| 方案 | 用户请求次数 | 优势 | 劣势 |
|---|---|---|---|
| 方案一 | 一次 | 页面响应速度快 | 需要独立部署node服务; |
| 方案二 | 两次 | 功能内聚;服务解耦; 易扩容 | 需要独立部署node服务,同时需要部署转发代理;用户需要请求两次 |
| 方案三 | 一次 | 开发成本低;维护成本高 | 无需其他服务;js加载增加了响应时间 |
代码目录结构
图5-1展示了以node.js实现中间页面渲染的代码结构图。
node.js业务根目录为/data/release/node_projects
图5-1 node.js业务代码结构图
监控方案
以node.js实现中间页面渲染的情况，需要点击cgi方调用node.js服务时做监控处理，具体监控方法请authur评估。 由于是单机部署，所以这里不考虑L5映射。
