angular – 共享混合移动应用程序和桌面Web应用程序的代码
|
我想构建一个全新的应用程序,应该作为混合移动应用程序和桌面Web应用程序进行部署.
大多数情况下,两个应用程序的逻辑和用户界面非常相似. >移动设备的屏幕尺寸优化(例如,移动设备中隐藏的侧面菜 我想过将angular-material组件用于桌面,将Ionic组件和移动导航用于两者都建立在角度之上. 当然,我的目标是尽可能多地共享代码,逻辑以及UI容器组件. 因此,我尝试在为桌面UI,移动UI,共享UI和逻辑创建单独的Angular模块时考虑构建项目的好方法： 一种选择是为两个应用程序提供一个核心模块,导入逻辑和共享UI模块.然后在为每个平台构建时在特定平台UI模块之间切换.在此选项中,特定于平台的UI组件将具有相同的选择器和@Inputs,但在其呈现的UI中会有所不同. 第二个选项是为每个将导入逻辑模块和共享UI组件模块的平台应用程序提供单独的核心模块. 也许有人有这样做的经验,可以分享他对涵盖所有这些的最佳项目结构的看法？ 或者我建议哪个项目结构更好？ 解决方法
根据我的经验,有效的是以下内容
>使用单独的文件结构创建2个单独的“前端”项目 真正的技巧是设置“共享”模块的边界,以便在不增加代码复杂性的情况下最大化重用(例如,通过在’共享’代码中检查环境 – 我避免使用环境变量来定义是否代码以Ionic或Angular运行,并根据该变量做出决定. 对我来说,经验法则是“前端”项目定义所有组件(即组件不共享). 组件具有非常浅的逻辑,通常类似于以下内容 >他们在构造函数中定义他们使用的服务 编码时会出现正确的设计.我的意思是,一旦你建立了基本结构(即’前端’项目和’共享’项目),你开始编码一个前端(例如浏览器的Angular).一些决策很容易采取(例如,查询后端的所有逻辑通常都是共享的).其他一些决定更棘手,而且越接近前端表面的逻辑越真实.一旦你看到组件中的逻辑变得越来越厚,那么你就开始想知道是否有值得分享的东西,因为对于另一个’前端’也许是常见的(让我们说Ionic).如果是这种情况,那么您重构,将代码移动到“共享”服务. 还要记住通过测试充分保护“共享”服务. 我希望它有所帮助 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |