H5网关
H5网关:负责提供用户交互的H5页面,并调用api网关或者文件网关进行服务调用。
技术架构
说明
- H5网关使用前后端分离架构。
- 前端展示层:使用mvvm架构,使用VueJS框架,配合VUX2的ui组件进行开发,持续构建方面使用npm、webpack等工具进行编译优化打包集成等工作,提升前端开发工程化效率。
- 控制服务层:使用SpringBoot架构,构建标准Restful服务,供前端页面进行调用,而用户会话或暂存信息通过分布式会话RedisSession进行管理,所有调用后端API网关和文件网关的接口,通过FeignClient进行RestClient开发。
集成模式
模式 | 说明 | 适用场景 |
---|---|---|
通过第三方应用直接调用 | 直接通过H5网关,用户交互权移交给H5网关。 | 最为开放的模式,对于第三方应用的开发框架无依赖或干扰,集成难度最低,并且适用于第三方应用服务端进行调用。 |
通过JS SDK进行调用 | 第三方应用集成平台的JS SDK进行调用,JS SDK再调用H5网关,完成用户交互操作,简化第三方应用的开发。 | 适用于第三方应用为混编应用或者微信小程序等类似web应用,集成开放性较高,并且与开发语言无关 |
通过iOS、Android SDK进行调用 | 第三方应用集成平台的原生SDK进行调用,原生SDK中再调用H5网关,完成用户交互操作,简化第三方应用的开发,并且安全性上得到保证 | 适用于第三方应用为原生开发架构的情况下进行调用,有原生应用的关系,安全性最高 |
调用流程
依据具体业务场景进行设计
核心功能
依据具体业务场景进行设计