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

Question

我正在为iOS、安卓和网络开发一个LMS。移动应用程序是使用Flutter开发的，Web是基于React的，我决定使用Firebase作为后端和存储的基础。所包含的功能类似于通用的LMS，清单

Authentication

• OTP用户
• 发送
• 视频/图像/文件accessing
• Progress跟踪等

我想知道怎样才能加快这方面的发展？如何在此开发中使用REST？如何在两个平台上共享相同的内容、用户的数据？你还有其他建议吗？

你的建议将有助于农村地区的儿童学习。

Answer 1

为了加快开发速度，既然您已经询问了如何在移动和网络上共享类似的内容，

您可能有兴趣将移动技术栈从颤振转移到Reactive原住民，因为这样您就可以共享React的代码库的逻辑端，并可以对本地移动做出反应。视图可能有所不同，因为Reactinative正使用移动组件。

• https://reactjs.org/
• https://reactnative.dev/

您可能会考虑使用相同的设计组件，如Material或Bootstrap，在web和移动设备中使用类似的外观和感觉。如果需要自定义，那么定制也应该是相同的。只是一点点的差别是可以忍受的。

一些预先制作的组件要使用的例子。

• https://react-bootstrap.github.io/
• https://nativebase.io/
• https://material-ui.com/
• https://callstack.github.io/react-native-paper/

用户Authentication

• OTP发送视频/图像/文件accessing

• Progress跟踪等

可以使用服务提供程序完成。Firebase已经具有用户身份验证。OTP发送可以在Google中进行研究，以寻找最佳的提供商。

对于视频/图像/文件，Firebase也有一个存储服务。还提供了进度跟踪和分析。

• https://firebase.google.com/docs/storage
• https://firebase.google.com/docs/analytics

与其使用纯REST进行数据获取/发送，不如考虑使用firebase团队提供的SDK来方便您。

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

如果您认为维护移动和web代码库都很麻烦，您可以考虑将纯web切换到移动第一响应web应用程序，如PWA。如果您不关心性能，用Cordova或Ionic web视图包装React是另一个可行的选择。