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

未标题-1(2)

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

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

状态流程图:

步骤如下:

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

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

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

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

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

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

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

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

发表评论

以下作品你可能也喜欢:
TIM截图20190625002242
推荐

作品依据百度智能小程序设计规范绘制https://smartprogram.baidu.com/docs/design/overview/introduction/,内容包含图标、按钮、图片、提醒、导航、标签栏、列表、瀑布流、对话框、输入表…

售价:¥ 30.00 销量: 24 1822
封面
推荐

一、基本信息 作品名称:【问答社区】高保真交互原型模版 作品类型:移动端原型模板 发布日期:2020-05-05 当前版本:V1.0 适用范围:App应用 Axure版本:Axure 9.0 页面数量:63 作品售价:¥49.00 说明:一…

售价:¥ 49.00 销量: 24 1935
多选
推荐

web端高保真原型系列1、交互按钮元件组合2、输入框元件组合(数字、中文、英文、非中文、身份证、邮箱、手机号、密码)3、搜索框元件组合4、下拉列表元件组合(单选下拉列表+多选下拉列表+分级下拉列表)5、消息提示弹窗元件组合6、中继器表格元件…

售价:¥ 20.00 销量: 138 3191
custom – 6
推荐

AWSL.... 各位大佬好,这次带来的是一个自制的高保真车联网用户端原型,主要是针对车主对于全车的检查、控制、导航等一系列手机端的操作; 色彩上采用最近新出的暗色设计,简而言之,就是骚就对了!~ 最后 高保真一时爽,一直高保真一直爽!~ …

售价:¥ 39.90 销量: 28 2720
微信图片-20190904121412
推荐

此为教育前后台管理系统 包含完整题库、组卷、考试 实战项目 含高考志愿填报系统、学生端做作业,听课、考试等。

售价:¥ 169.00 销量: 9 3016
微信图片-20181203134919
推荐

看完原型图后开始教程讲解 第一步:梳理需求,搭建框架 特别重要的一个环节,如果没有需求,那你只好凭空想象了,先看我做个一个框架梳理先把大致框架梳理清楚,这样在 axure设计的时候能够理清楚层级,确保每个页面交互都能走通,这也是PM的,如果…

售价:¥ 14.10 销量: 101 9163