网站服务部小组文档

关于游戏内嵌项目开发与运维流程

页面规范

设计稿规范

  • 设计稿以iPhone6的横屏尺寸(1334*750)为标准,同时还需要输出一套iPad的横屏尺寸稿子

制作规范

  • 游戏内嵌内的页面都是强制横屏的,所以适配规则和竖屏有点差别,而且不需要加横屏提示弹层(一定不要)。可以以横屏的宽度为计算进行适配:
var initScreen=function(callback){//初始化html  font-size
    $("html").css("font-size",document.documentElement.clientWidth/667*312.5+"%");// 667 是横屏设计稿实际宽度
    if(callback)callback();
}
  • 因为游戏app都会有iPad适配,所以内嵌页也会在iPad里展示,制作时要考虑横屏iPad适配的情况(如果涉及到稿子的问题,记得找设计师协商处理)

  • 内嵌页不能出现有去到其它非内嵌页的外链,如果是同一个页面既在内嵌也在普通浏览器跑,则要在链接加上特殊参数(比如?from=client),然后再根据参数来判断页面打开的环境,再进行特殊适配过滤处理

  • 前端制作完后多进行自测,尽量避免一些基础性的bug

附上小组整理的【内嵌单页面项目模板】:https://git-wz.nie.netease.com/nie-comm/client-template-v1

测试规范

  • 由编辑安排网站QA参与项目基本测试,网站QA先使用chrome浏览器的手机模拟模式(主要模拟iPhone4,iPhone6、iPhone6+、ipad机型尺寸)测试一轮,确保页面样式和功能正常(注意不同机子尺寸的模拟,确保适配正常)

  • 网站QA找一台iOS和一台Android机子(系统都比较新点的)在自带浏览器和微信(因为微信里面也属于内置的webview,对功能测试有一定参考意义)跑一遍基本功能(包括检测普通文案、图片展示、链接跳转功能以及未涉及游戏相关的接口),确保正常

  • 若项目中涉及只能从游戏环境中测试的功能时,因网站QA无法针对这部分功能测试,转交给游戏QA时需着重告知,哪部分功能网站QA由于各种限制未进行测试,需要游戏QA进行测试

使用独立域名

游戏内嵌项目用独立域名上线,不与产品官网使用同一域名。 如产品域名为http://yys.163.com,则另外申请一个内嵌项目域名:http://client.yys.163.com/,专门用于游戏内嵌页使用

避免产品官网更换域名或官网结构调整等操作导致有可能出现影响内嵌页正常运行的情况发生。

游戏内嵌项目发生问题时的处理流程

第一时间联系前端郑晓槟【gzchenxiaobin@crop.netease.com】,由郑晓槟对该问题进行初步判断后按照以下可能出现的不同情况联系相关人员处理:

域名、海外加速、国外访问等网络环境引起的用户无法访问或用户访问速度慢等情况

  • 转交郑旭泽【zxzn0306@corp.netease.com】联系SA处理,并及时将该解决方案反馈给郑晓槟,
  • 由郑晓槟判断该解决方案是否会引起其他项目出现问题,确定无其他影响后由郑旭泽进行处理,同时回复郑晓槟处理问题所需的时间,以及对上线后更新到用户终端的预估时间。
  • 若预计处理生效耗时多于30分钟,应与郑旭泽及SA讨论有无其他应急措施,并立即实施,减小在线问题持续时间。使用应急措施解决线上问题后再实施完整解决方案。
  • 由郑晓槟将最终解决方案及预估时间等反馈给编辑、产品、营销,在处理问题时先向用户反馈维护信息。

接口问题

  • 联系项目平台负责人检查接口问题,并配合调试。

六马系统、广告系统、手游下载管理系统导致的问题

  • 转交郑旭泽【zxzn0306@corp.netease.com】联系翁卡尔处理,并及时反馈预计处理生效耗时。
  • 进行前端、系统负责人、编辑多人对话,实时反馈处理进度

前端脚本存在未测试出的bug导致

  • 本人修复

内嵌项目的最优处理方案

此类项目嵌入到游戏中,项目的稳定性对玩家的游戏体验度影响较大。并且由于页面运行于APP中,前端定位问题所在难度较高,经内部讨论,将不再接受其他产品的内嵌项目需求,网站组仅提供静态页面及基本用户交互,不再涉及接口对接及服务器布署,接口对接与服务器布署由需求方自行与平台技术确定。