2024年3月9日发(作者：)

FIS使用手册

FIS使用手册

介绍

FIS提供了一套贯穿开发流程的开发体系和集成开发环境，为产品线提供前端开发底层架构，这能帮助

工程师提高开发效率，沟通协作效率，快速实现需求并达到代码的最优化。 为FIS用户提供本地开发平

台，建立自动化机制，极大提高开发效率，目前应用于大部分产品线。

安装

FIS的安装及快速上手。

安装Java运行环境

下载FIS启动脚本至任意目录(目录路径不含有中文字符)并运行

Windows用户下载，解压后双击运行

Linux,Mac用户下载，在命令行下解压后运行bash

启动脚本会自动获取相应平台的FIS环境并启动FIS内置的本地服务器

安装后选择FIS的业务模型，即可使用FIS进行本地化开发了。

自动升级

云端部署FIS各个业务模型版本以及FIS集成环境，用户无需手动下载并覆盖原有FIS，实现下载自动

更新。

基础FIS环境更新用户重新启动FIS内置的本地服务器（Windows用户重启，

Linux,Mac用户运行bash ），自动下载FIS基础环境更新，用户无需更改任何配置。

业务模型更新用户修改本地项目配置中的业务模型版本号，即可自动下载，升级到指定版本。

升级方便，响应迅速，修复bug或实现高优先级需求的版本一发布即可使用。

完全平滑升级FIS的服务器端部署产品线升级自动diff工具，可以对产品线升级前和升级后的

代码进行自动diff确保完全平滑升级。

基础功能

介绍FIS所有业务模型均提供的通用基础功能，主要包括：本地开发、联调测试、开发部署、运行性

能、文档帮助。

本地开发

FIS提供本地开发环境，内置服务器并支持多平台，用户本地即可创建项目，查看页面效果，预览编译

后页面，通过模块化、组件化的开发方式，提高开发效率和代码可复用性。主要功能包括：

内置服务器。

不需要自己下载、安装Apache服务器，双击即可启动

支持多平台。

支持windows、linux、mac平台，内置php、smarty等开发环境，不需要额外安装、下载

自动化支持。

自动进行预处理、压缩、md5、CDN、Css Sprites、XSS校验等，取代手工劳动

模块化支持。

支持按模块开发、上线。模块之间没有依赖，均可单独上线，减少上线成本

组件化支持。

支持JS、CSS、模板组件的组件化支持，自动处理组件依赖、组件沙箱和组件加载

内置开发框架。

内置tangram、Magic、GMU、baidu Template、Bootstrap、Macro等开发框架

自动生成文档。

基于用户的代码和注释自动生成文档和组件调用关系，支持JS、CSS、smarty文档

报表支持。

自动分析模板运行时情况并以报表的方式展示模板性能数据。

联调测试

FIS提供多种功能实现本地联调测试，前端自测不依赖后端环境，实现本地调试，减少联调时间，提高

联调效率和开发效率，减少联调成本。

内置FET测试框架，包括JS组件测试框架、widget组件测试框架、手动测试框架

本地数据模拟，本地支持JSON、php等多种数据格式，支持拉取CMS、ADOC数据

路由适配，支持配置urlMap路由

内置远程调试，集成Weinre调试工具，支持remote方式调试

Wise服务集成，本地开发自动调用wise服务，根据机型适配不同模板

开发部署

FIS提供多种自动化部署工具。本地浏览编译结果、一键上传开发机、Task机制支持等。用自动化的开

发部署方式代替原有的人工部署、提高项目后期部署效率。

支持编译后预览，支持本地直接预览线上效果

一键上传，自动上传代码到开发机、支持本地文件监控和增量上传

Task支持，支持copy、move、delete、tar、zip等task工具

运行性能

FIS提供多种方式，提高运行性能。支持强缓存、异步加载、按需加载、动态加载、灵活打包、图片优

化、文件压缩等功能，自动化提高性能。

强缓存支持

为文件名自动添加md5(基于内容的md5)，服务器端可以通过配置expire和cache-control

来强缓存，只要文件内容不变文件会自动缓存，如果文件内容变化客户端会自动请求

减少了大量请求数，并相应的减少了下载资源的大小

对百度大部分产品线都有正向收益(对性能有收益，对带宽成本和服务器压力也有正向影响),尤

其在无线端，减少网络链接的收益更为突出

异步加载

不阻塞浏览器，js文件并行加载，提高浏览器渲染速度和组件加载速度

ie6、ie7收益大：在ie6、ie7下，js、css的加载，会阻塞浏览器，并且相同类型的外链资

源，也不能并行加载。Ie8、chrome等浏览器，可以并行下载，但依然会阻塞页面渲染