大前端技术架构图 (99)
2021-06-15 16:02:18 25 举报123
作者其他创作
大纲/内容
项目挂载全局工具类或项目按需挂载全局工具类
Webpack
技术维度
熔断流控
基于rem & vw并行移动端适配
Android (SDK 接入)
通信协议
WEB
第三方
MySQLCluster
为全国渠道提供主流前端载体技术接入方案
基于Nexus的前端私服
egg.js实现模板接口
非关系型数据库
Android
脚手架 - 创建项目
Vant UI 按需加载集成
缓存
注册中心
Netty
架构设计技术选型技术方案设计制定计划多人协作code reviewbug修复产品迭代
IOS (SDK 接入)
关系型数据库
工程使用关系
$safe应用内安全相关基类，此类会暴露多个安全相关方法供业务方调用
通用Package类封装
IOS Native App(WebView 接入)
环境搭建 dotEnv
基于Lerna自研的前端工程脚手架
包安装 Lerna
dev depub test pre prod 环境
REST API
WeChat 小程序接入
业务维度
全国电子社保卡平台
WS
适用于公司业务的组件集成
命令行commanDer
WeChat 公众号接入
ECharts
Spring Cloud Gateway
最大级gzip压缩
IOS
工程/能力
less通用方法提取
Android Native App(WebView 接入)
AliPay 生活号接入
渠道可接入载体
研发流程
ES6
渠道接入场景
脚手架
通用工具类
电子社保卡
公共服务
移动看板
admin管理系统
地方门户
跨省通办
电子社保卡Native App
就业在线
Hr云
maven
$random集成getRandomValues可以获取符合密码学要求的安全随机值并做了不同调用方的兼容处理
网关
hash (全量 CDN 部署)构建hash模式应用将所有资源存放至CDN通过crossorigin属性及SRI进一步保障子资资源完整性校验
RedisCluster
Vue Route4
储存
基于RollUp的大前端通用工具类及组件库
ElasticSearchCluster
base64 自动化转码
集群管理
各工具类实现独立解耦供按需加载调用
hash (本地File)构建hash模式应用生成全量本地静态文件通过本地路径快速访问整个应用此场景适用于Native App WebView组件内渲染
全文检索库
Eureka
大前端应用架构图
为全国渠道输出不同载体的几十个前端独立服务
config
Rollup打包兼容Vue2 & Vue3工程调用Rollup Vue 插件Rollup css-onlyRollup TypeScriptRollup commonjssourceMapnpm发布私服
交互式命令行Inquirer
glob文件匹配器
HTML
服务发现
基于Vue框架的前端体系
SPA按需加载
适用于公司业务的工具集成
123
金保信科技前端应用提供所有渠道接入载体
面向全国渠道的电子社保卡服务平台
API服务
自主封装各工具类增量迭代
输出统一工程模板 (开箱即用)
Auth2.0+JWT
本地真机测试联调
资源调度
基于vant & vux 的第三方组件
axios统一封装
Feign
工具类基础能力
容器编排
服务/应用
配置管理中心
动态获取本地IP真机调试
AliPay 小程序接入
Eureka Admin
History (内部NG定向)构建History模式应用Nginx 遵循项目唯一路由规则定向至资源物理路径。项目内静态资源请求至不同环境CDN资源
通信接口
软件包安装 npmInstall模块
APP
服务注册
$crypto 适用于业务对称加密采用单钥密码系统的加密方法，依赖同一个密钥可以同时用作信息的加密和解密。具备计算量小、加密速度快、效率高、使用灵活等特点同时具备数据请求中下行解密场景
其他
工具
服务管理
RabbitMQ
微服务
vw & rem移动端适配
模板渲染ejs
Zipkin
Vue 3
其他应用
日志管理
ElasticSearch
金保信大前端通用工具类
大前端技术架构图
在私服环境下全局安装生产依赖
认证
前端
npmLog 定制
semver版本检查
Ribbon
渠道
构建产出 Esm 及 Umd 生产Bundle
UpEncry 上行加密适用于所有前端数据请求时上行加密的安全策略要求
工程内代码格式规范统一
Sleuth
git
MongoDBCluster
集成具备程序单元测试能力
SCSS
基于Vue框架的前端通用工具集合
Dynamic Route
$webViewTools 工具类适用于Native App 与 H5 的jsbridge桥接支持原生与H5之前的唤起、监听、回调等系列闭环操作
Restful
模板部署方式及特点
资源
Docker
Vue
基于VuePress的大前端学习平台
Vuex4
TypeScript
基于Nodejs的工程化开发
localStorage 加解密对 localStorage 存储的敏感信息加密。支持全局及局部配置
支持并集成一键发布至Nexus前端内部私服平台
基于Webpack、Gulp构建生产Bundle
兼容Vue2x 及Vue3x 的项目适配
jenkins
Logstash
Kibana
大前端通用工具类
JavaScript
Filebeat
Hystrix
命令行loadingspinner
OS
收藏
0 条评论
下一页
