火星网校
微盟虚拟路由交互设计与实践
发布时间：2024-08-07 13:26:46 浏览量：187次
一、前言
移动端开发中不可或缺的路由功能，尤其是对于跨平台的大型应用，好的路由设计可以提升效率，降低维护成本。
二、背景
为了管理各平台页面跳转，微盟自研了一套涉及前后端一体化的路由交互框架。
三、需求分析
路由设计需满足路由URL隔离配置、不同版本支持不同页面跳转、动态下发路由 URL 等条件。
四、技术方案
4.1 整体技术方案
设计了虚拟路由概念，单个页面对应一个虚拟路由，可以设置不同系统的真实路由。
虚拟路由文本规范：page://{bosId}/{key}/产品/模块/页面名称?参数=xxx
真实配置表如下图：
4.1.2 移动端
移动端通过接口获取整个虚拟路由配置表，匹配到真实URL，实现页面跳转。
4.2 具体实现
具体实现分为路由配置中心、路由管理类、路由配置表、路由跳转四部分。
4.2.1 路由配置中心
负责配置虚拟路由以及真实路由等信息，支持不同版本配置。
4.2.2 初始化路由管理类
支持不同平台的页面路由跳转注册，根据实现类型存储内容。
4.2.3 初始化路由配置表
初始化路由配置表，获取路由映射管理信息，匹配路由信息，解析参数，存储于内存中。
4.2.4 路由跳转
根据虚拟URL解析真实URL，匹配具体跳转实现类，执行跳转逻辑。
五、优势
动态化
路由配置动态下发到移动端，跳转更加灵活，支持复杂多变的用户使用场景。
统一性
通过虚拟路由概念，统一各端路由标准，易于维护管理。
灵活性
跳转变动只需修改PC配置，业务开发无感知。
多平台
支持不同平台页面的跳转，功能更强大，易扩展。
容灾能力
对新版本页面跳转问题有容灾处理能力，避免线上问题。
六、实践
微盟商户助手接入虚拟路由设计后，业务迭代更加灵活，解决新老版本兼容问题。
七、总结
通过虚拟路由设计，业务开发更加便捷，跳转更灵活，提供更多可能性。
以上就是对移动端虚拟路由交互设计与实践的介绍，希望对您有所帮助。
热门课程推荐
热门资讯
-
1. 史上最全，平面设计UI设计必备的77个国内外素材、设计资源网站
ui设计社区,大神太多了。3、behance: https://www.behance.net/ ,著名设计... 对于品牌设计师来说,除了图案素材收集之外,还有一个很重要的,就是设计故...
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
5. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
8. Photoshop操作教程：自制电子印章 | PS技巧详解
想要学会制作电子公章吗？跟随本教程，详细介绍Photoshop操作步骤，让您轻松掌握PS技巧，制作精美电子印章。
-
9. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
-
1、Pixso资源社区Pixso资源社区是UI设计领域的开源网站,是国内协同设计软件Pixso旗下社区,内置腾讯、阿里、百度、京东、华为等大厂丰富的设计资源。...
最新文章
