[发明专利]一种前端开发平台、前端开发方法及页面显示方法

说明书

本发明实施例提供了一种前端开发平台、前端开发方法及页面显示方法，涉及前端开发环境技术领域，前端开发平台中设置基础框架模块，用于保存前端基础框架，设置业务模块用于保存不同的业务的业务代码，然后采用管理模块对框架模块和业务模块分别打包并构建离线资源包，将离线包预置在客户端，即减小业务代码体积，又实现online与offline双活，从而提高了页面打开速度。其次，由于框架和业务代码完全分离，框架被各业务线复用，因此业务线代码可独立快速迭代，减小开发难度。针对不同的渠道(APP、微信、M站)建立一个前端基础框架，并复用此支持跨端的框架，避免针对每个渠道研发一套业务线代码，从而大幅度节省开发人力成本。

技术领域

本发明实施例涉及前端开发环境技术领域，尤其涉及一种前端开发平台、前端开发方法及页面显示方法。

背景技术

目前，Web前端具有“随时发版，开发效率高”的优势，同时也具有打开性能不如“app或桌面原生应用”的问题。比如，我们开发“亿级用户、几十条业务线”的IOS、Android手机APP，采用原生技术开发，页面打开性能快，但原生APP发版审核时间长，不能很好的支持业务快速变更和发展，开发成本偏高，规模达到几十条业务线时业务独立迭代困难。因此现在大型APP都是Native+H5的Hybrid APP(混合APP)，对于开发Hybrid APP来说，目前开发平台将多条业务线的代码保存在同在一个代码仓库，每条业务线包括业务代码和基础框架代码，导致各业务线代码会相互影响，不能独立迭代，而且代码体积大，从而不仅导致用户请求页面时，页面打开速度慢，同时增加了开发难度。

发明内容

由于多条业务线的代码保存在同在一个代码仓库，代码体积大，不仅导致用户请求页面时，页面打开速度慢，同时增加了开发难度的问题，本发明实施例提供了一种前端开发平台、前端开发方法及页面显示方法。

一方面，本发明实施例提供了一种前端开发平台，包括：

基础框架模块、业务模块和管理模块；

所述基础框架模块，用于封装基础工具，生成前端基础框架；

所述业务模块，用于保存不同业务的业务代码；

所述管理模块，用于对所述基础框架模块中的前端基础框架和所述业务模块中的业务代码分别进行打包发布并进行管理。

可选地，一个前端基础框架对应一类或多类业务的业务代码。

可选地，所述前端基础框架按照版本进行管理。

可选地，针对不同的渠道建立一个前端基础框架。

可选地，所述管理模块还用于，对打包后的前端基础框架和业务代码进行测试。

可选地，所述管理模块还用于，将打包后的前端基础框架和业务代码发布至离线包管理服务器。

可选地，所述管理模块还用于，将打包后的前端基础框架和业务代码发布至内容分发网络(CDN)，所述内容分发网络的源服务器为离线包管理服务器。

可选地，所述管理模块还用于，生成业务对应的页面离线骨架屏并将所述页面离线骨架屏发布至所述内容分发网络。

本发明实施例中，前端开发平台中设置基础框架模块，用于保存前端基础框架，设置业务模块用于保存不同的业务的业务代码，将业务线的业务代码和前端基础框架分开进行保存，然后采用管理模块对基础框架模块中的前端基础框架和业务模块中的业务代码分别进行打包，减小了代码体积，便于对前端基础框架复用，从而减小了开发难度。其次，由于前端基础框架和业务代码分别进行打包，故可以先将前端基础框架缓存在用户端，用户请求页面时，只请求业务代码，从而提高了页面打开速度。另外，用户端初次请求页面后，可以将获得的业务代码缓存，当用户端二次请求同样的页面时，可以直接采用本地缓存的业务代码和前端基础框架渲染请求的页面，从而提高二次打开页面的速度。