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

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

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

状态流程图：

步骤如下：

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

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

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

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

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

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

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

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