【业务场景】

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

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跳转。

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