腾讯云+微信小程序二期需求文档

腾讯云+微信小程序

待确认

• 找云监控确认是否有现成接口拉取云服务器监控问题设备数 - colin
• 服务器监控图表优先级 - OK
• 考虑云监控接口变更对小程序的影响，云监控技术接口人 - james
• 确认云监控接口能否以云API的形式提供，减少团队间耦合 - colin
• 确认能否通过菜单打开指定页面 - colin
• 批量续费需要限制一次性操作的数量 - OK

需求背景

• 腾讯云在移动端能力的延伸，目前被竞品超越较多，亟需追赶
• 小程序技术方案趋于稳定成熟，且开发成本相对App低很多，可以快速补齐能力
• 公众号使用频率最高的功能是监控，但现在版本的监控做的比较简单，不能满足用户诉求
• 小程序本身机制使得用户体验相对H5好很多
• 微信在推动小程序替代微信公众号

需求目标

• 能够解决一些重要且紧急的问题，包括但不限于CVM&CDB监控、查询告警、续费、充值、工单处理、联系客服等
• 主账号、子账号均可使用腾讯云+
• 多种帐号类型均可使用腾讯云+
• 未注册帐号的用户不可使用腾讯云+
• 不同角色的不同权限能够正确体现

需求描述

如无特别说明

• 每个页面均支持下拉刷新
• 每个列表均使用滚动加载，滚动到底部没有数据显示「没有更多」
• ajax操作过程中统一显示菊花
• 页面跳转均记录历史，点击后退可回退到前一页面
• 页面支持从小程序外部直接进入
• 每个页面取得数据后均记录缓存(以用户ID、页面参数为键)，缓存时长为30min；下次进入时使用缓存填充页面，并拉取新数据，取得数据后替换差异部分，并更新缓存 (此项有疑问请及时沟通)
• 对话框确定按钮(文案可能不叫确定)在右，取消按钮在左
• 符合.0+$结尾的金额统一显示为整数
• 只读金额以千位符分割(如 1,000,000)
• 操作热区尽可能放大

登录验证

• 主要依靠手机短信实现登录验证
• 登录类型默认为QQ/邮箱帐号/帐号ID
• 登录微信帐号弱化
  
  • 点击『使用当前微信帐号登录』切换微信登录，隐藏帐号文本框（可切换）
• 短信验证码
  
  • 短信验证码频率限制？（TODO）
  • 帐号不存在则提示帐号不存在
  • 帐号未绑定手机号码，提示需要完善信息（PC）
  • 短信验证不通过则提示
  • 帐号存在且短信验证通过则提示
    

    验证码已发送到你的手机（号码*******5335），N分钟内输入有效，验证码等同于密码，请不要告诉任何人

• 登录后逻辑

  • token
    
    • 当前登录帐号对应的开发商数量大于1时需要选择开发商
    • 当前登录帐号对应的开发商数量为1且使用了非小程序token，则显示选择开发商界面（但默认选中唯一的开发商且不可修改），输入token后继续登录
    • 当前登录帐号对应的开发商数量为1且使用了小程序token，则直接登录，UI不做表现
    • token正确则登录成功，错误则提示

• 边界情况

  • 帐号文本框长度限制100字符，键盘为数字、邮箱键盘。需要校验格式，格式校验不通过文本框旁显示错误。
  • 图片验证码、短信验证码限制6字符，键盘为纯数字键盘。需要校验格式，格式校验不通过文本框旁显示错误。

主页

主页 - 用户信息

• 显示当前登录用户的昵称和角色
  
  • 使用邮箱注册的用户，显示邮箱(昵称)，如641831351@qq.com(左明)
  • 非邮箱注册的用户，只显示昵称
  • 角色为主帐号/子帐号
  • 如果是子帐号，则显示当前协作的开发商帐号，如李栩耀(2407912486@qq.com)

主页 - 监控

• 数值 = 故障云服务器数量
  
  
  • 数量为0则显示0
  • 当用户停留在小程序中时，该数值需要尽量实时
• 点击进入监控列表页面

主页 - 告警

• 数值 = 未恢复告警数
  
  
  • 数量为0则显示0
  • 当用户停留在小程序中时，该数值需要尽量实时
• 点击进入告警列表页

主页 - 工单

• 红点显示待处理工单数（同PC工单红点）
  
  
  • 数量为0则不显示红点
  • 用户回复或结单后更新该数值
  • 当用户停留在小程序中时，该数值需要尽量实时
• 点击进入工单列表

主页 - 续费

• 红点显示待续费设备数（排除决定不续）
  
• 数值 = 30天内到期的设备数
  
  • 数量为0则不显示红点
  • 用户续费后更新该数值
  • 当用户停留在小程序中时，该数值需要尽量实时
• 点击进入待续费设备列表

主页 - 余额

• 显示当前用户的可用余额
• 点击余额进入余额页面，点击充值按钮进入充值页面

主页 - 客服电话

• 点击拨打客服电话
  
  • 详见 客服电话 部分

监控 - 列表

• 顶部Tab显示云服务器、云数据库（后面考虑增加其他类型）
  
  • 云服务器Tab上显示故障云服务器设备数量
  • 点击云服务器Tab显示云问题服务器监控列表
  • 点击云数据库Tab显示云问题数据库监控列表

• 云服务器列表

  • 筛选条件
    
    • 地域（默认全部地域）
    • 问题类型（默认全部类型）
  • 列表项内容均以PC现有设备指标为基准，略做调整，每种问题类型的摘要信息如图：
    
  • 列表为空时显示空提示
  • 操作菜单选项
    
    • 已关机，显示开机菜单
    • 运行中，显示重启、关机菜单
    • 重启中，显示重启、关机菜单，但点击时提示“正在重启中，请稍后再试”

• 云数据库列表

  • 筛选条件
    
    • 地域（默认全部地域）
  • 列表项内容均以PC现有设备指标为基准，略作调整，摘要信息如图：
    
  • 列表为空时显示空提示

监控 - 云服务器详情页

• 顶部Tab切换监控列表、实例详情

• 监控列表
  

  • 显示服务器常见重要指标：CPU、内存、网络、磁盘，使用Tab切换
  • 各项图表的详细数据、指标、纬度参考PC
  • 优先级P0：CPU利用率，内存使用率，内网出带宽，外网出带宽，磁盘总容量，磁盘分区使用情况
  • 优先级P1：CPU平均负载，内存使用量，内网入带宽，外网入带宽，内网入包量，内网出包量，外网入包量，外网出包量，磁盘各分区详细监控（磁盘读流量，磁盘写流量，磁盘读IOPS，磁盘写IOPS，IO AWait、IO Svctm、IO %util）

• 实例详情
  

  • 显示服务器详细信息
  • 文字内容点击、长按显示复制菜单，点击复制即复制文本，如
    
    点击复制将 "lewis-test" 写入剪贴板
  • 值为空的一项显示为 "-"，如
    

监控 - 云数据库详情页

• 顶部Tab切换监控列表、实例详情

• 监控列表

  • 显示数据库常见重要指标：，使用Tab切换
  • 各项图表的详细数据、指标、纬度参考PC
  • 优先级P0：待补充 - TODO
  • 优先级P1：待补充 - TODO

• 实例详情

  
  

  • 显示服务器详细信息
  • 文字内容点击、长按显示复制菜单，点击复制即复制文本
  • 值为空的一项显示为 "-"，如
  • 已使用/总容量，点击图标显示
    

    已使用容量不包含binlog容量

  • 到期时间在30天内，高亮

工单

工单列表

• 显示已提交的工单列表，排序方式为 待回复 > 待处理 > 未结单 > 已结单
• 工单列表项
  
  • 状态
  • 问题描述
  • 提交时间
• 点击某条工单打开工单详情页

工单详情页

• 显示某条工单详细信息
  
  • 工单号、当前状态、提单人(账号ID)、联系电话(提单人的联系电话)
• 按时间顺序显示客户与客服的沟通记录，以及附带信息（新手机号码、真实名称等）、时间
• 回复工单
  
  • 文本框支持换行，输入换行或折行时自动增加文本框高度，最大5行，超过5行滚动
  • 允许输入最大长度1000个字符，超过800字时显示字数限制，如（888/1000）
  • 未输入文字时点击发送不处理，无交互
  • 输入文字后点击发送，发送后追加该消息到列表底部，并动画(easeOutQuart)滚动到页面最底部
  • 如果未提交就退出当前页面，则记录此次用户输入，下次进入该工单时自动填充

新建工单

• 问题描述
  
  • 文本框支持换行，输入换行或折行时自动增加文本框高度，最大5行，超过5行滚动
  • 允许输入最大长度1000个字符，超过800字时显示字数限制，如（888/1000）
• 问题类型
  
  • 点击列出问题类型供选择，单选
• 手机号
  
  • 自动填入用户的手机号码

• 提交

  • 未输入文字或输入的内容为空格，点击发送，提示

    请输入问题描述

  • 未选择问题类型时提示

    请选择问题类型

  • 信息完整时，提示

    您的工单已提交，我们将尽快处理

  • 如果未提交就退出当前页面，则记录此次用户的问题描述和问题类型，如果用户有手动输入手机号则一并记录，下次进入新建工单时自动填充

  • 避免重复提交

余额

• 显示可用余额
• 显示可用余额的计算公式
  
  • 显示现金充值余额
  • 收益转入余额
  • 平台赠送余额
  • 暂时冻结余额
  • 欠费金额
• 上述金额为0则显示0
• 每次进入该页显示缓存中的余额，同时拉取最新余额，取得后显示新的余额

余额 - 充值

• 显示可用余额
• 文本框输入充值金额
  
  • 只允许输入数字、小数点，最大长度11位
  • 自动删除.00结尾.0+$、数字及小数点以外字符[^0-9.]
• 上次充值金额
  
  • 勾选，将上次充值金额填入文本框
  • 取消勾选，撤销，将用户之前输入的数值填回去
  • 上次充值金额为0或无上次充值金额信息，不显示该选项
• 提示文案 "充值金额当天到账。如需帮助，请联系客服[电话号码]"
  
  • 详见后面「客服电话」部分

• 充值的支付方式仅支持微信支付

  • 用户取消充值不做表现
  • 充值成功弹框提示

  

续费

续费 - 待续费列表

• 显示30天内到期的待续费设备列表

  

• 如果当前用户未实名认证，则提示实名认证

• 筛选条件

  • 资源类型（全部、云服务器、云数据库(MySQL)等），默认全部
• 列表项
  
  • 设备类型、设备ID、设备名称
  • 不同的资源类型显示不同的摘要信息（参考PC）
  • 地域
  • 到期时间
    
    • 未到期
      
      • 剩余24小时以上显示日期+时间
      • 剩余24小时内显示剩余时间，如1分钟后到期，10小时后到期
        
        • 剩余时间使用 floor 四舍五入为整数
    • 已到期
      
      • 显示多久前已过期，如（3天前已过期，1小时前已过期）
        
        • 已过期时间使用 floor 四舍五入为整数
• 勾选设备
  
  • 续费按钮默认置灰
  • 点击勾选/取消勾选后，显示已选设备数量，续费 按钮点亮，点击续费进入续费下订单页面

• 批量续费

  • 点击「7天内到期」/「30天内到期」，如果有符合条件的待续费设备，则进入续费下订单页面并显示这些设备；如果没有符合条件的，则提示

    「没有符合条件的待续费项」

  • 如果符合条件的待续费设备数超过100，则提示

    「找到101台7天内到期的设备，点击下一步续费前100台」

    • 点击下一步进入续费下订单页面

  

续费 - 下订单

• 续费时长
  
  • 提供固定的续费时长选项给用户选择（续费时长以用户对不同时长的选择率高低排序，需要找后台要数据 - TODO）
  • 选择时长后重新计算费用，费用一栏显示询价中，提交订单按钮置灰，询价完成后提交订单按钮点亮。
  • 询价失败提示询价失败，请稍候再试，费用一栏显示 "-"，按钮仍然置灰
  • 如果有原价，则以删除线的形式显示
• 详情
  
  • 显示勾选的、通过到期天数筛选的设备列表，滚动加载更多
  • 列表项
    
    • 设备类型、设备ID、设备名称
    • 摘要信息
    • 地域
    • 到期时间（显示明确的到期日期+时间）
    • 续费后到期时间（日期+时间）

续费 - 支付页

• 显示已选中的设备列表，设备信息使用现有内容，详情参考PC续费支付页，其他列表项：
  
  • 单价
  • 付费方式
  • 续费时长
  • 优惠
  • 费用
• 列表项默认收起，点击展开显示上述详细信息
• 默认选中减免金额最高的可用代金券（满足使用条件的代金券）
• 进入续费支付页面时连同选中的代金券一起计算待支付金额后显示（避免待支付金额变化闪动）
• 修改代金券后重新计算待支付金额
• 提交支付时，需要服务端检查结果有效性，如果金额不符，则使用服务端计算的金额（避免用户提交过程中价格发生变化、打折等导致用户看到待支付的金额和实际支付金额不符，产生理解上的偏差，从而引起投诉）- 待定，TODO
• 如果存在订单冲突，则提示
  

  抱歉，支付失败，该订单可能和未支付的订单产生冲突
  请访问PC官网核对订单信息后再发起支付

• 点击后退时自动取消该订单（如果后台已经下了订单）
• 用户取消支付不做表现
• 支付成功后

续费 - 代金券

• 除非当前续费订单已选择代金券，否则自动选中减免金额最高的满足使用条件的代金券
• 只能选择1个代金券
• 选择√ 不使用代金券则不使用代金券
• 代金券列表
  
  • 显示用户拥有的代金券列表
    
    • 显示代金券的到期时间
    • 不可用的代金券显示不可用原因，不可勾选，置灰，点击时提示详细原因，如：
      

      满2000元可用(还差1,615元)
      限云服务器、云数据库（MySQL）、CDN流量包、云数据库HBase、服务市场、云存储Redis、云数据库（SQL Server）、云数据库（TDSQL）、文智、域名注册、域名注册、游戏兼容性测试、云硬盘、MongoDB、云解析套餐、带宽包、专用宿主机、云数据库（PostgreSQL）、MongoDB分片、物理专线、黑石数据库（MySQL）、CDB/TDSQL独享集群、云搜、BGP高防IP、BGP高防服务包、天御安全产品、黑石物理服务器、SSL证书、运维VPN、VPN网关、专家兼容测试：全部预付费场景

统计

用户行为上报&统计

客服电话

• 客服电话号码：4009-100-100

• 高峰期（09:00~12:00，13:30~15:30，服务器时间）点击提示

  客服电话正处于高峰期，等待时间可能会比较长，您也可以选择提交工单来获取帮助
  取消 拨打客服电话

• 点击『提交工单』进入新建工单页

• 点击『拨打客服电话』唤起拨号
• 参考
  

实名认证

• 小程序暂时不做实名认证，引导用户去H5或PC完成认证，提示
  

  您需要完成实名认证后才可以继续，您可以访问 https://qcloud.com/verify/identity 进行实名认证

• 参考引导用户去浏览器中打开

引导用户去浏览器中打开

• 提供一段包含URL的文本
• 点击/长按这整段文本时，在链接上方弹出复制选项，点击复制将URL写入剪贴板，如果写入成功，则提示已复制（会写失败吗？TODO）
• 低版本微信不支持剪贴板，链接使用只读文本框显示，文本框去掉底色、边框，确保看起来与文本一致，长按时使用系统的复制菜单

titlebar

• 底色，标题 TODO

附件