buguge - Keep it simple,stupid

知识就是力量,但更重要的,是运用知识的能力why buguge?

导航

接口设计的考究-会补贴用户端-应用跳转的网页授权

【业务场景】

我司会补贴系统的员工移动端,点击商家应用图标,会跳转到外部的商家应用。

UI原型如下图。

 

 

技术实现方面,因为涉及到跨系统交互,并且要携带登陆用户信息,这里呢,网页跳转到外部应用需要一个网页授权码。那么,前端需要调用后端一个接口。

【初始技术方案】

后端提供的这个接口是——获取网页授权码

请求示例:/user/auth_code?appId=xxx

返回值示例: { "code": 200, "msg": "处理成功", "result": {"source":"SBY_HUIBUTIE", "authCode":"daSdmasldlaslgMkgnj"}}

 

前端拿到返回的这个authCode后,拼接应用URL,做302跳转。

 

【升级后的技术方案】

后端提供的这个接口是——获取授权页URL

请求示例:/user/auth_code?appId=xxx

返回值示例: { "code": 200, "msg": "处理成功", "result": {"url":"https://www.demoapp.com/?source=SBY_HUIBUTIE&auth_code=daSdmasldlaslgMkgnj"}}

 

前端拿到返回的这个URL后,直接做302跳转。

 

【对比来看,升级的方案更具有设计感!】

posted on 2024-02-29 20:06  buguge  阅读(22)  评论(0编辑  收藏  举报