手游冲级活动-2.0.0
<p>[TOC]</p>
<h2>技术点</h2>
<table>
<thead>
<tr>
<th style="text-align: left;">技术点</th>
<th style="text-align: left;">内容</th>
<th style="text-align: left;">备注</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: left;">运行环境</td>
<td style="text-align: left;">同城游app、引擎</td>
<td style="text-align: left;">pc/pc大厅/app大厅/sdk/引擎/游戏模板/微信公众号</td>
</tr>
<tr>
<td style="text-align: left;">网站域名</td>
<td style="text-align: left;"><code>lykf.tcy365.com</code>（http协议）</td>
<td style="text-align: left;">填写正式版</td>
</tr>
<tr>
<td style="text-align: left;">页面名称</td>
<td style="text-align: left;"><code>index.html</code></td>
<td style="text-align: left;">修改与新增页面</td>
</tr>
<tr>
<td style="text-align: left;">页面地址</td>
<td style="text-align: left;"><a href="http://lykf.tcy365.com/m/index.html">http://lykf.tcy365.com/m/index.html</a></td>
<td style="text-align: left;">修改与新增页面</td>
</tr>
<tr>
<td style="text-align: left;">开发人员</td>
<td style="text-align: left;"><code>前端：秦露</code><br/><code>后端：卢敏强</code></td>
<td style="text-align: left;">前端与后端</td>
</tr>
<tr>
<td style="text-align: left;">服务名称</td>
<td style="text-align: left;"><code>联运手游开服活动前台</code></td>
<td style="text-align: left;">如果非唯一 可加前端服务名称 如 【同城游用户网站-前端用户】</td>
</tr>
<tr>
<td style="text-align: left;">资源文件夹</td>
<td style="text-align: left;"><code>mct/tcy365-lykf/assets</code></td>
<td style="text-align: left;"><a href="http://doc.uc108.org:8002/index.php?s=/168&page_id=1956">资源文件夹命名</a></td>
</tr>
<tr>
<td style="text-align: left;">服务代号</td>
<td style="text-align: left;"><code>tcylianyunkfactweb</code></td>
<td style="text-align: left;">如服务代号下有多个项目 命名用 “服务代号_前端服务代号”<br/> 如 “User_Test”</td>
</tr>
<tr>
<td style="text-align: left;">服务ID</td>
<td style="text-align: left;"><code>823</code></td>
<td style="text-align: left;"></td>
</tr>
<tr>
<td style="text-align: left;">项目版本号</td>
<td style="text-align: left;"><code>1.0.0</code></td>
<td style="text-align: left;">根据产品版本号 默认1.0.0</td>
</tr>
<tr>
<td style="text-align: left;">前端版本号</td>
<td style="text-align: left;"><code>1.0.0</code></td>
<td style="text-align: left;">使用【release-版本】 作为开发分支</td>
</tr>
<tr>
<td style="text-align: left;">前端git仓库</td>
<td style="text-align: left;"><code>FD_M_tcylianyunkfactweb</code></td>
<td style="text-align: left;">-</td>
</tr>
<tr>
<td style="text-align: left;">接口跨域方式</td>
<td style="text-align: left;">无</td>
<td style="text-align: left;">cors 或 jsonp（pc大厅 不能使用cors）</td>
</tr>
<tr>
<td style="text-align: left;">是否使用websocket</td>
<td style="text-align: left;">否</td>
<td style="text-align: left;">在低浏览器将有无法使用的问题</td>
</tr>
<tr>
<td style="text-align: left;">兼容方案</td>
<td style="text-align: left;">同城游app内</td>
<td style="text-align: left;"></td>
</tr>
<tr>
<td style="text-align: left;">是否有统计代码</td>
<td style="text-align: left;">是</td>
<td style="text-align: left;">开发前提供</td>
</tr>
<tr>
<td style="text-align: left;">是否有自定义统计事件</td>
<td style="text-align: left;">否</td>
<td style="text-align: left;">例如:记录按钮点击数等 开发前提供</td>
</tr>
<tr>
<td style="text-align: left;">监控appid</td>
<td style="text-align: left;"><code>check_tcylianyunkfactweb</code></td>
<td style="text-align: left;">check_服务代号 （后台管理可不写）</td>
</tr>
<tr>
<td style="text-align: left;">测试环境打包</td>
<td style="text-align: left;">是</td>
<td style="text-align: left;">开发中期提供</td>
</tr>
</tbody>
</table>
<h2>页面外部参数（url）</h2>
<table>
<thead>
<tr>
<th style="text-align: left;">名称</th>
<th style="text-align: left;">参数</th>
<th style="text-align: left;">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: left;">ActivityId</td>
<td style="text-align: left;">活动ID</td>
</tr>
<tr>
<td style="text-align: left;">type</td>
<td style="text-align: left;">类型：0同城游APP内，1联运游戏内（悬浮球内），2象棋游戏内</td>
<td style="text-align: left;"></td>
</tr>
</tbody>
</table>
<p><strong>特别说明</strong>：
type=0，则AccessToken是调用同城游app提供的js方法；
type=1，则AccessToken是从cookie中获取；
type=2，则AccessToken是从url中获取；</p>
<p><strong>链接地址获取</strong>：
1、登录后台管理测试版系统：<a href="http://admin.ct108.org:1507/index.aspx?act=1">http://admin.ct108.org:1507/index.aspx?act=1</a>
2、访问： <a href="http://lykf.admin.ct108.org:1507/pc/main.html#/app">http://lykf.admin.ct108.org:1507/pc/main.html#/app</a>
3、点击【链接】可查看对应的 url地址。</p>
<p>特别说明：在悬浮球里边打开需要配置该地址：
<img src="http://doc.uc108.org:8002/server/../Public/Uploads/2019-06-03/5cf4e50a38bc7.png" alt="" /></p>
<h2>app相关</h2>
<table>
<thead>
<tr>
<th style="text-align: left;">技术点</th>
<th style="text-align: left;">内容</th>
<th style="text-align: left;">备注</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: left;">打开webview方式</td>
<td style="text-align: left;">app、引擎</td>
<td style="text-align: left;">app/sdk/引擎</td>
</tr>
<tr>
<td style="text-align: left;">横竖屏支持</td>
<td style="text-align: left;">竖</td>
<td style="text-align: left;">横/竖/all</td>
</tr>
</tbody>
</table>
<h2>ftp</h2>
<table>
<thead>
<tr>
<th style="text-align: left;">名称</th>
<th style="text-align: left;">内容</th>
<th style="text-align: left;">备注</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: left;">页面发布方式</td>
<td style="text-align: left;">前后端分离 (oss)</td>
<td style="text-align: left;">前后端分离（oss）/混合</td>
</tr>
<tr>
<td style="text-align: left;">项目前端路径</td>
<td style="text-align: left;"><code>/action/tcy365-lykf/m</code></td>
<td style="text-align: left;">项目形式时请与后端确定项目页面路径 oss为绑定文件夹</td>
</tr>
<tr>
<td style="text-align: left;">assets资源</td>
<td style="text-align: left;"><code>/mct/action/tcy365-lykf/1.0.0/</code></td>
<td style="text-align: left;">默认前端资源站</td>
</tr>
</tbody>
</table>
<h2>log</h2>
<table>
<thead>
<tr>
<th style="text-align: left;">版本</th>
<th style="text-align: left;">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: left;">1.0.0.4</td>
<td style="text-align: left;">解决ios客户端下载游戏，流量提示两次的问题</td>
</tr>
<tr>
<td style="text-align: left;">1.0.0.3</td>
<td style="text-align: left;">解决AccessToken冲突的问题</td>
</tr>
<tr>
<td style="text-align: left;">1.0.0.2</td>
<td style="text-align: left;">发布完善</td>
</tr>
<tr>
<td style="text-align: left;">1.0.0.1</td>
<td style="text-align: left;">发布完善</td>
</tr>
<tr>
<td style="text-align: left;">1.0.0</td>
<td style="text-align: left;">发布完善</td>
</tr>
</tbody>
</table>
<h2>注意点与特殊说明</h2>
<table>
<thead>
<tr>
<th style="text-align: left;">版本</th>
<th style="text-align: left;">说明</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: left;">1.0.0</td>
<td style="text-align: left;"></td>
</tr>
</tbody>
</table>
<h2>其他文档地址</h2>
<table>
<thead>
<tr>
<th style="text-align: left;">名称</th>
<th style="text-align: left;">地址</th>
</tr>
</thead>
<tbody>
<tr>
<td style="text-align: left;">接口文档</td>
<td style="text-align: left;"><a href="http://doc.uc108.org:8002/index.php?s=/182&page_id=2915">接口文档</a></td>
</tr>
<tr>
<td style="text-align: left;">ui</td>
<td style="text-align: left;"><code>\\192.168.1.76\lianyun\2.联运手游\冲级活动素材</code></td>
</tr>
<tr>
<td style="text-align: left;">产品</td>
<td style="text-align: left;"><a href="http://192.168.1.8:1505/%E3%80%90%E4%BA%A7%E5%93%81%E8%AE%BE%E8%AE%A1%E9%83%A8%E3%80%91%E4%BA%A7%E5%93%81%E6%96%87%E6%A1%A3/%E8%81%94%E8%BF%90/%E8%81%94%E8%BF%90%E6%B4%BB%E5%8A%A8/%E5%86%B2%E7%BA%A7%E6%B4%BB%E5%8A%A8/%E5%9C%A8%E7%BA%BF%E6%96%87%E6%A1%A3/%E6%89%8B%E6%B8%B8%E8%81%94%E8%BF%90%E5%86%B2%E7%BA%A7%E6%B4%BB%E5%8A%A8%E6%A8%A1%E6%9D%BF%E9%9C%80%E6%B1%82-2018102301.html">手游冲级-需求文档-日期是102301</a> <br/> <a href="http://192.168.1.8:1505/【产品设计部】产品文档/联运/联运活动/冲级活动\在线原型">手游冲级-在线原型</a></td>
</tr>
</tbody>
</table>
<h2>目录结构</h2>
<pre><code>.
├── api
│ ├── get-gameinfo.js // 初始化底部游戏信息
│ ├── get-prizerecord.js // 获取奖励记录
│ ├── get-receive.js // 领取奖励
│ └── init-pagedata.js // 初始化页面信息接口
├── assets
│ ├── css
│ │ ├── comm.css // 公用
│ │ ├── index
│ │ │ └── reward.scss // 奖励弹窗
│ │ ├── mixin.scss
│ │ ├── reset.css
│ │ └── vux
│ │ └── theme.less
│ ├── img
│ ├── js
│ │ ├── http.js // 封装的axios
│ │ ├── initdata.js // 初始化数据 ！！！特别重要
│ │ ├── listen.js // 监听页面初始化
│ │ └── tool
│ │ ├── change-css.js // 改变样式
│ │ ├── formate-time.js // 格式化时间
│ │ ├── get-cookie.js // 得到cookie
│ │ ├── get-info.js // 得到用户的信息： AccessToken 、UserId、UserName之类的
│ │ ├── handle-url.js // 处理url上的参数
│ │ ├── judge-env.js // 环境判断
│ │ ├── log.js // 重写log工具
│ └── scss
├── components
│ └── ctm-loading.vue // 全局loading
├── config
│ ├── const.js // 全局常量
│ ├── skin.js // 皮肤：有4套皮肤（1.暗红、2黛蓝、3灰金、4浅金）
│ └── url.js // url接口 （模拟本地数据的时候需要调整，很重要！！！需要调整 host为你本地的ip地址）
├── filter
│ └── filter.js // 过滤器注册
├── mixin
│ ├── mixin-skin.js // 皮肤处理
│ ├── mixins-comm.js // 公用的弹窗、通用的处理逻辑
│ ├── mixins-mescroll.js // 下拉加载数据的处理
│ └── mixins-startgame.js // 在同城游app内启动游戏的处理
├── pages
│ ├── index
│ │ ├── bottom
│ │ │ └── bottom.vue // 底部：游戏信息
│ │ ├── dg
│ │ │ ├── dg-not-close.vue // 不可关闭的弹窗
│ │ │ ├── dg-prize-suc.vue // 获得奖励的弹窗
│ │ │ ├── dg-timeout.vue // 超时的弹窗
│ │ │ └── dg.vue // 弹窗的基础结构
│ │ ├── index.vue // 入口文件 ！！！特别重要
│ │ ├── mid
│ │ │ ├── img-text.vue // 冲级活动的中间区域的头部
│ │ │ ├── mid.vue // 冲级活动的中间区域的入口
│ │ │ ├── rush-grade-item.vue // 冲级活动的每个等级对应的条目
│ │ │ └── rush-grade.vue // 冲级活动的每个等级
│ │ └── top
│ │ ├── reward.vue // 我的奖励
│ │ ├── rule.vue // 规则
│ │ └── top.vue // 头部区域的入口
├── plugins
├── router // 路由
│ └── index.js
└── view
└── index
├── APP.vue
├── index.ejs
└── main.js // 入口文件 ！！！特别重要</code></pre>
<p>url接口 ：模拟本地数据的时候需要调整，很重要！！！需要调整 host为你本地的ip地址。</p>