简易H5页面产品原型设计,高效完成微信授权绑定

未标题-1(2)

简易H5页面产品原型设计,高效完成微信授权绑定,发送微信通知

适用场景:B端后台系统订单处理需要通过绑定用户微信,发送微信通知,提高订单处理效率,节约订单处理短信通知成本。

状态流程图:

步骤如下:

1、回复公众号某个文字,假设回复1,获得绑定链接;

2、点击绑定链接跳转到绑定页面,获取微信openid发送到后台进行验证;

3、根据验证结果,确定显示绑定页面或解绑页面,若未绑定进入绑定页面,若已绑定进入解绑页面;

绑定页面:(由于本人后台系统是内部人使用,绑定时候并未做手机号发送验证码进行验证)在绑定页面限制输入手机号数字长度和手机号有效性验证

验证通过则绑定成功,遇到网络超时或其他问题则绑定失败;绑定成功后可去到解绑页面,绑定失败返回绑定页面;绑定成功后将绑定数据发送到后台存储。

解绑页面:显示已绑定手机号,点击解绑按钮根据后台返回显示解绑成功或失败页面,解绑成功将解绑数据发送到后台存储后返回绑定页面,解绑失败则返回解绑页面。

4、后台系统订单处理消息通过微信通知API发送到绑定用户的微信上,当有待处理、回退和已完成订单可通知到指定用户。

更多详细设计、验证、页面流程图、状态流程图和业务流程图请查看原型图,有改进的地方请大神一起交流交流

发表评论

以下作品你可能也喜欢:
微信图片-20200527161452
推荐

2020-5-27 更新:新增教育后台 软件版本:Axure 9(8不能打开,下单前请注意~) 简介:高保真线上教育app原型,涵盖线上视频课程,音频课程,电子书,家教预约,逻辑清晰,交互度高,组件已拆解,可快速复用! 页面数量:26  +…

售价:¥ 39.90 销量: 87 9849
TIM截图20190519224446
推荐

作品依据iView  Weapp绘制,内容包含基础(色彩、字体、按钮、图标)、布局(栅格布局、宫格、面板、列表、卡片)、导航(标签栏、导航按钮、标签页、抽屉、分页、步骤条、通告栏、索引选择器、吸顶容器)、操作反馈(操作面板、轻提示、对话框、…

售价:¥ 30.00 销量: 69 3322
封面
推荐

web V1.0 智慧社区管理系统,是根据现主流技术(如AI、物联网、语音识别、大数据等)发展的方向下,对智能化社区业务场景进行抽象分析。 此平台包含WEB端、手机端。由于时间紧凑目前优先考虑web、手机APP暂未启动; 主要包含:智慧物业…

售价:¥ 69.99 销量: 50 8343
66
推荐

更新履历 :2021-06-03   新增智慧云SaaS餐饮服务平台PRD需求文档word版本  . 智慧云SaaS餐饮服务平台  兼容 Axure8/Auxre9 餐饮服务平台对接 饿了么 、美团第三方外卖平台,将第三方平台订单对接到系统…

售价:¥ 85.00 销量: 34 5105
封面
推荐

持续更新,同步更新到 V 1.1.6,可以作为系统演示用,做了非常多的交互,而不是冷冰冰的图片,多点击些地方试试 内联框架显示视频要转成html和视频放一起才可以显示,这里只上传原型文件,因此直接用图片代替 包含的内容很多,用户名:root…

售价:¥ 99.00 销量: 166 14189
封面
推荐

本原型模板是用axure9制作的高度还原小红书App原型,另外结合了一点自己的创意,交互效果包括table切换、动态面板、中继器、更多、滑动、置顶、函数、变量、判断等根据不同的场景灵活运用。 2021.03.08更新内容如下: 【新增】发布…

售价:¥ 22.88 销量: 65 5540