06 · 开发 · 不用安装的页面

抽盘链接发出去,打开却是半张表

H5 工程师让临时打开的页面在手机浏览器里完成抽盘、签收和确认,不依赖先安装应用。连续半小时的查询任务,应退回原生或后台。

手机浏览器中的页面

H5 适合短任务,不适合把后台搬进浏览器

司机签收、门店抽盘、客户确认报价,这些人不会为一次动作安装应用。H5 工程师做的是一条链接里的短任务。岗位特点是对打开环境诚实:微信内置浏览器、手机自带浏览器、不同宽度、返回键会把表单丢掉。他要保证刷新和返回不会产生第二张盘点单,也不会把已填数量清空还不告诉人。

链接本身是权限。不可猜测的地址、到期时间、打开次数或绑定的手机号,至少要有一种约束。把带全部仓库数据的链接发到群里,等于导出。安全架构要求的范围,在 H5 上同样生效,不能因为「只是个页面」就放过。到期后的链接打开要说明已失效,不显示上次盘点的数量。失效页不提供「继续编辑」。

页面要在真实微信里测

桌面浏览器的手机模式看不到微信的返回、字号放大和安全区。H5 工程师的完成标准包含在目标环境走完:打开、填写、提交、再次打开看到同一结果。提交按钮在请求期间禁用。成功页给单号。失败可重试。图片上传要限制大小,避免门店在弱网下一张照片堵死整个签收。

抽盘链接的半张表

区域经理把抽盘链接发到店长群。部分手机打开后表格超出屏幕,数量框被键盘挡住,店长提交了空行。另有人用返回键回到填写页再次提交,生成了第二张盘点。H5 工程师把任务改成一屏一项:库位、账面、实盘,提交后不可在同一链接再建新单,再次打开只读并显示单号。空数量不允许提交。他在三款常用手机的微信里各走一遍,而不是只在开发机上看宽度。

如果动作复杂到需要连续半小时和大量查询,他会建议改原生或后台,不把 H5 做成残缺的系统。链接被转发到别的群时,如果没有绑定手机号,H5 工程师宁可让页面要求再次验证,也不把盘点数量展示给路过的人。验证失败不创建新单。他用一部不在名单里的手机试过,看到的是无法查看,不是别人的实盘。转发到电脑微信时,任务也要能在手机打开;不能为了适配桌面把按钮变小。这个页面本来就不是给办公桌准备的。

店长中途来电再回到页面,已填的实盘数要还在。H5 工程师把草稿存在服务端而不是只存在这个页签里。手机杀掉进程再打开同一链接,看到的是草稿而不是一张空表,也不是一张新的盘点单。空表会让人重填,新单会让同一库位出现两次实盘。

数字键盘、放大字体和横屏他也各看一次。字体放大后主按钮如果被挤出屏幕,提交就不会发生,店长却以为自己提交了。按钮必须跟在当前项下面,不固定在一个会被键盘顶走又看不见的位置。

一次任务、一个单号,是 H5 页面能交付的边界。打开次数用尽后只说明已达上限,不展示上次实盘。上限页同样不提供继续编辑。

回到时间线

这个动作是不是只发生一次、不想装应用

H5 按一次任务来做。