随着5G、大数据、人工智能技术的应用,各传统行业正在大力推进数字化转型升级。受疫情影响,教育行业也在大大加快向线上转型的进程,各类在线教育应用也在借助各种力量拓展移动端市场。作为一款学科启蒙在线学习应用,“和小鱼”也在这条赛道上。想着如何在众多的比赛中夺得第一名,赢得更多用户的青睐?这个问题有很多解决方案,但第一步必须是提高用户体验和优化应用程序性能。“和小鱼”急待解决的问题原APP中部分页面是通过WebView打开H5显示的,所以在打开一些重度页面时,会出现以下问题:网络问题导致白屏;兼容性问题;无离线发货功能;资源无法及时更新。作为一款启蒙教育应用,“和小鱼”的应用页面不仅需要嵌入基本的框架代码和页面逻辑代码,还需要嵌入多个字体库和多个音视频文件。资源多且大,导致页面极易受网络影响:网络不稳定时容易丢失文件、白屏加载资源时间长、网络线程阻塞.同时,也让App更新资源变得更加困难:无法实时更新和下发最新资源、缓存失效等,给技术团队更新版本造成了很大障碍和调试错误。“H5容器+动态发布”经过多方调研,“何小鱼”最终选择使用mPaaS“H5容器+动态发布服务”作为技术选型,解决App现阶段需要解决的问题。.png")首先,通过mPaaSH5容器自带的UC内核浏览器可以从根本上解决浏览器兼容性问题。另外,mPaaSH5容器支持离线包接入。离线包将包含HTML、JavaScript、CSS等页面中的静态资源打包成压缩包,提前下载离线包到本地,然后通过客户端打开,直接从本地加载离线包,这样就摆脱了最大程度的减少网络环境对H5页面的影响,通过离线包将页面中的静态资源嵌入到应用中释放,当用户第一次启动应用时,不需要依赖网络环境下载资源,但立即开始使用应用,最后借助动态发布服务能力,在发布新版本或紧急发布时,开发者可以将修改后的资源放入离线包中,应用程序可以通过更新配置自动下载更新。因此,开发者可以让用户第一时间收到更新,而无需经过应用商店审核。页面资源动态更新、应用开发调试、发布部署感谢“荷花鱼”前端工程师雷文伟,通过一个实战演示,展示了如何接入mPaaS,如何完成应用发布。https://www.bilibili.com/video...点击阅读原文,观看完整视频。弱网环境无影响,版本升级无感知用户体验,是每个应用都需要面对的生死攸关的问题。尤其是在蓬勃发展的在线教育应用市场,应用性能对于用户留存来说更为重要。移动应用程序开发人员从DevOps开始到开发、性能监控和性能网络优化解决方案。在这套完整的闭环流程中,通过使用mPaaS的开发测试、日志分析、冻结分析、问题修复模式、热修复等能力,可以获得对弱网无影响的用户体验环境和没有版本升级的感觉。E·N·D点击文末阅读原文,观看CodeHub#4的完整回放。
