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

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

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

状态流程图:

步骤如下:

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

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

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

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

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

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

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

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

发表回复

以下作品你可能也喜欢:
推荐

介绍 本产品是基于谷歌的Material Design指南制作的元件库…

继续阅读 →

售价:¥ 99.00 销量: 17 3349
推荐

说明: (1)本案演示地址:http://5hukd0.axshare…

继续阅读 →

售价:¥ 38.00 销量: 126 10114
推荐

产品名称:【电商系统合集】移动端APP+电商管理中台+进销存系统+拼团…

继续阅读 →

售价:¥ 139.00 销量: 379 66917
推荐

软件版本:Axure 9.0 页面数量:76 当前版本:V2.0 文件…

继续阅读 →

售价:¥ 79.90 销量: 10 2901
推荐

作品名称:【求职应聘】灵活用工、网络求职招聘高保真原型 文件大小:40…

继续阅读 →

售价:¥ 99.00 销量: 55 9531
推荐

出品:阿禾的产品自习室 软件版本:Axure 10 作品介绍:这是一款…

继续阅读 →

售价:¥ 69.90 销量: 14 2862