前端基建分享

聊一下前端基建，从理解前端基建、体系分析，方案落地三方面聊
1.什么是基建：我认为一切有利于提升研发效能，助力业务开展能力的建设都可以说是基建；价值体现在提升研发效能和解决业务痛点，是为了降低现在或未来研发成本，为了业务更好地活在未来。
2.基建最根本在于业务场景和痛点需求，为了理清海运线要不要搞基建，哪些可以搞，怎么立项实施及落地，先盘一下主要业务和基建现状：
海运在线是以服务船东、货主、海事服务供应商为核心的互联网电商公司，以询报价抢单+商城销售相结合的交易服务模式（类似打车抢单+京东/阿里商城模式），通过”交易服务费+结算服务费+大数据应用”的盈利模式实现盈利来源
八大海运业务（租船找货、船舶代理、船舶供油、备件物料、海运保险、船员服务、船舶买卖、海事服务）八大海运服务，三大创新：
业务创新：打破海运传统交易模式，信息透明、交易高效
科技助力：大数据、人工智能、机器学习等先进技术实现船盘和货盘的需求供应智能化匹配，24小时全天候卫星船位跟踪，覆盖全球港口
金融支持：依托交易数据建立海运供应链金融和信用体系，为船东提供授信支持
现有中台及平台工具：
业务中台：Crewing、Chartering、supply seller central、marineService、SNP、Bunkering、Insurance、Yacht、Crewing Online
基础中台：IM、Payment、Approve、Usercenter、Oss、Invoice、OpenPlat、Message&Email、Credit、Map
数据中台：AIS、IHS、Vessel Search、Port Cost、Route Forecast、Distance Table
运维中台：Docker、K8s、Service Mesh、Jenkins、sonar、GitLab、Skywarking、Monitor、Nexus
ERP中台：ERP
平台工具：Vessel Search –船舶搜索、Port Search港口搜索、Distance Table、Vessel Valuation 船舶估价、Port Cost 港口费用、Voyage Estimation 航次利润
关联项目及详细Web目录结构：
3.前端基建能搞什么，我总结下来有五大方向：
⑴规范文档类
编码规范、命名规范、Git规范、流程规范、性能规范、数据规范、埋点规范、安全规范、组件规范、工程规范、开源规范、文档规范等12种规范
业务文档、技术文档、分享沉淀、新人文档等4种文档
⑵编码联调方向
基础框架：中后台应用框架，PC项目工程框架、移动应用框架
物料库：业务组件库、UI组件库
工程化系统：CLI脚手架、CI/CD（Jenkins）
前后端协同：数据结构文档（RAP）、Mock服务
⑶构建部署方向
搭建能力：组件抽象复用、数据配置去中心化、横向系统打通
构建部署：前端打包服务系统、SSR渲染服务、恢复发布、一键回滚

⑷数据采集方向
异常数据监控：线上报错、白屏、流量异常、安全风向
性能数据跟踪：性能定时分析、性能历史走势、性能监控预警
数据计算中心：数据清洗加工、行为数据分析
数据可视化：业务数据大屏、端行为数据可视化、性能数据可视化
⑸调试优化方向
数据埋点:移动端/PC埋点/标准化接入SDK
Web性能：浏览器相关生命周期，jsbridge生命周期，TTFB FPT TTI Ready Load等性能指标评分、自动性能检测系统、性能优化指引
合规检测：Lint检测（eslint）、死链检测、API检测、UI检测、兼容性检测、包检测
自动化测试：功能单测、UI自动化测试、链路自动化测试
■ 没有 ■ 已有 ■ 部分（需完善） ■ 需建设
4.面向特定场景下的问题: