我如何设计系统以在移动应用程序和 Web 上共享相同的内容?

How can I design the system to share the same content on Mobile apps and Web?

我正在为 iOS、Android 和 Web 开发 LMS。移动应用程序是使用 Flutter 开发的,Web 基于 React,我决定使用 Firebase 作为后端和存储。包含的功能与一般 LMS 一样,列表

我想知道如何加快这个开发? RESTAPI如何在这个开发中使用?如何在两个平台上共享相同的内容、用户数据?你还有什么建议吗?

您的建议对children农村地区的学习很有帮助。

为了加快开发速度,并且由于您询问了如何在移动设备和网络上共享相似的内容,

您可能有兴趣将移动技术堆栈从 Flutter 转移到 React Native,因为这样您就可以共享 React web 和 React Native 移动代码库的逻辑方面。视图可能会有所不同,因为 React Native 使用的是移动组件。

您可以考虑使用 Material UI 或 Bootstrap 等相同的设计组件来在网络和移动设备中构建相似的外观。如果需要定制,定制也应该是一样的。可以容忍一点点差异。

要使用的 pre-made 个组件的一些示例。

  • User Authentication
  • OTP sending Video/ Images / files accessing
  • Progress tracking and etc.

可以使用服务提供商来完成。 Firebase 已经有了用户身份验证。可以在 Google 中研究 OTP 发送以获得最佳提供商。

对于video/images/files,Firebase 也有存储服务。还提供进度跟踪和分析。

为了方便起见,您可能需要考虑使用 firebase 团队提供的 SDK,而不是使用纯 REST API 来处理数据 fetching/sending。

https://firebase.google.com/docs/firestore/client/libraries

如果您认为同时维护移动和 Web 代码库很麻烦,您可以考虑将纯 Web 切换到 Mobile-first 响应式 Web 应用程序,例如 PWA。如果您不关心性能,用 Cordova 或 Ionic Web 视图封装 React web 是另一个可行的选择。