URL 下单

App 导购

需求背景

需求详情

App 打开时增加判断 @Android 参考 @iOS
如果用户剪贴板不为空，并且链接符合我们 URL 下单规则(当用户粘贴的信息为链接时)，则在打开App的时迅速判断，如果满足条件则弹出一个警告框，询问用户是否打开该商品。警告框的背后有一个遮罩/阴影效果突出警告框内容；
浏览器分享过来的链接，总是能够正常打开该链接；
复制链接时打开App，若该链接未打开过，则正常打开该链接(包括浏览器分享和复制连接打开两种情况)；//建议保存上一次打开过的链接来进行匹配
在“找商品”界面弹出警告框

打开App时的警告框
警告框中写明链接，告知用户即将发生的情况；
@iOS 由于淘宝天猫的链接构成和京东等平台不一样，原来显示两行的规则改变——当链接长度超过63个字符时，则会显示三行并以“...”结尾，而淘宝天猫的链接会显示两行。
总之，链接显示不超过三行。
@Android 链接显示要求两行。

警告框有两个按钮，左边为“取消”，右边为“打开”，其中:
·点击“取消”，则将警告框连同警告框出现的黑色遮罩阴影一起隐藏；
·点击“打开”，则跳转到“找商品”的商品详情界面，根据下面“商品详情”部分的规则加载商品详情信息

小红点提示新功能
安装新版本之后，第一次点开“找商品”之前，底部“找商品”标签上有一个小红点，提示用户点击
*此处红点只在安装App之后第一次打开“找商品”之前显示，后续版本更新时无需重置逻辑

蒙板提示
-安装新版本之后，第一次打开“找商品”的时候，出现一个蒙板，如原型所示
*点击蒙板任何地方都可以将蒙板隐藏

搜索框提示文字
-搜索框提示文字更改为: “搜索或粘贴宝贝地址”

字符串判断
当用户粘贴的信息中包含"http"或者“https”时，认为粘贴的信息是网址，则有:
- 将搜索框文字自"http"的"h"开始截取(淘宝App分享出来的短链接前面有中文描述，需要从这里截)
- 如果"http"之后不含有空格，则截取到底
- 如果"http"之后有空格，则截取到空格为止(不包含空格，原型中是截取到了结尾)——也即是说，复制/分享信息中含有多个网址的时候，使用第一个包含http的网址

判断部分
- 支持我们所有线上长链接()URL以及淘宝和天猫的短链接
(短链接形式为 http://tb.cn/UTwWTTy 和 http://a.m.tmall.com/i39255975981.htm)
- [不是链接]如果所贴信息不是链接，则视为使用搜索功能搜索商品

短链接现在在Web端可以正常加载商品信息，App端可能需要研究
对未知链接下单的支持，相关的改动为

当复制的信息是http开头的正常链接，但又不能正常获取到商品详情数据，则视为“未知链接”在流程各个节点中:
打开App 时，警告框依然会弹出，内容按照正常链接的形式显示；
点击警告框右边操作按钮，依然正常“打开”该链接的商品详情；
商品详情的信息架构:
左上角“返回”按钮保留
没有关注按钮
宝贝图片为空，不显示
宝贝名称使用“该网址对应的页面名称”，与商品名称为一行的情况一样，垂直居中
价格为“0.00”，国内运费为“10.00”
原来店铺名/电商网站名的位置，显示该网址，但没有前面的“http://”和“https://”
信息架构已移至最下方

商品详情[支持的URL下单]
[支持的平台]
商品详情的整体大框架不变:
点击左上角的“ < ”即“返回”按钮时，返回到“找商品”界面。
商品大图依然以同样的逻辑显示；
淘宝天猫的下拉响应不变，其他支持网站屏蔽上下滑动拖动手势@iOS；
点击要求能进入图片详情，支持双指缩放；
商品大图和图片详情中的图片能够正常滑动切换；
关注功能不变；
淘宝天猫向上滑动的两步加载不变，其他支持的平台不显示也没有此功能；
商品名称需要正常显示；
如果是淘宝天猫的商品，则显示店铺，否则显示电商平台名称，比如“京东商城”“亚马逊”，但向右的小箭头隐藏(未知链接的情况下也隐藏小箭头)——B2C平台的商品详情界面，店铺栏没有点击跳转到相应平台的功能
国内运费按抓取的运费显示；
商品详情内容需要正常显示

SKU面板[支持的URL下单]
SKU的整体大框架不变:
- SKU面板标题栏左方依然为商品缩略图
- SKU面板标题栏中间依然为商品名称(两行)
- SKU面板标题栏商品名称下方依然为当前选中的SKU的价格
- SKU面板标题栏价格下方依然为选中的SKU
- SKU面板标题栏右方依然为关闭面板的“X”
- SKU主体部分依然从上到下展示商品SKU标题和SKU选项按钮(非淘宝天猫的暂时没有，比如京东)
- SKU主体部分下方依然为商品数量选择，逻辑与老的一样
- 数量选择下方依然为备注框
- SKU面板最底下依然为确认按钮，点击之后依然根据余额是否充足跳转到余额支付/直付界面
- SKU面板标题栏和确认按钮所在栏依然固定

商品详情[未知链接]

商品名称使用该网址对应的页面名称，垂直居中
价格为“￥0.00”，国内运费为“10.00”
店铺名位置显示该网址，但没有前面的“http://”和“https://”
没有关注按钮
没有下拉响应@iOS
没有两步加载
没有“加入购物车”按钮只能“立即购买”，按钮位置水平居中
点击“立即购买”按钮会打开“未知链接”专用的SKU面板，与其他SKU面板一样背后也有一层阴影遮罩
SKU面板[未知链接]

面板顶部沿用一般的“商品详情”SKU面板顶部
宝贝图片使用新的“暂无图片”
宝贝名称使用“罕见的宝贝”
原来面板中价格、库存和选中的SKU部分均不显示
右上角的叉号保留

在原来展示SKU选项的位置，依次显示
商品价格——填写商品价格(激活该文本框时，从底部弹出键盘)
购买数量——默认为1，用户可通过边上的加减号来修改购买数量
备注
备注文本框内默认有说明文字“请认真填写款式，此处为必填项”
·当备注文本框内文字为默认的说明文字并获得焦点时，清空备注文本框；
·当备注文本框内文字为空并丢失焦点时，将备注文本框内文字设置为默认值.
“确定”按钮
默认状态为禁用，当商品价格文本框和备注文本框都不为空时启用“确定”按钮
“确定”按钮禁用时，点击会弹出黑框提示，告知用户“请完善价格/备注”，一段时间后消失(按一直以来的显示时间即可，没有显示时间的要求)
“确定”按钮启用后，点击确定可跳转到支付界面
跳转之前会根据余额判断是否充足，逻辑与以前一样，对账时请注意此商品的价格与以前可能有所不同
支付成功时跳转到“支付完成”界面；掉单时跳转到新掉单提醒界面。

验收标准
支持的平台(淘宝长链接+天猫长链接+淘宝短链接+天猫短链接+http://www.panli.com/Free_postage/)中商品详情页面链接能够在App中正常打开商品详情，并且能够通过线上直付下单
非淘宝天猫平台的详情界面中国内运费按抓取的运费显示，可以参考PC端主站
不支持的链接 通过警告框跳转/搜索框搜索/插件跳转 后，App 不闪退不报错