简易H5页面产品原型设计,高效完成微信授权绑定,发送微信通知
适用场景:B端后台系统订单处理需要通过绑定用户微信,发送微信通知,提高订单处理效率,节约订单处理短信通知成本。
状态流程图:
步骤如下:
1、回复公众号某个文字,假设回复1,获得绑定链接;
2、点击绑定链接跳转到绑定页面,获取微信openid发送到后台进行验证;
3、根据验证结果,确定显示绑定页面或解绑页面,若未绑定进入绑定页面,若已绑定进入解绑页面;
绑定页面:(由于本人后台系统是内部人使用,绑定时候并未做手机号发送验证码进行验证)在绑定页面限制输入手机号数字长度和手机号有效性验证
验证通过则绑定成功,遇到网络超时或其他问题则绑定失败;绑定成功后可去到解绑页面,绑定失败返回绑定页面;绑定成功后将绑定数据发送到后台存储。
解绑页面:显示已绑定手机号,点击解绑按钮根据后台返回显示解绑成功或失败页面,解绑成功将解绑数据发送到后台存储后返回绑定页面,解绑失败则返回解绑页面。
4、后台系统订单处理消息通过微信通知API发送到绑定用户的微信上,当有待处理、回退和已完成订单可通知到指定用户。
更多详细设计、验证、页面流程图、状态流程图和业务流程图请查看原型图,有改进的地方请大神一起交流交流