使用HTML5的跨平台移动应用程序

Cross-platform Mobile App with HTML5

本文关键字:移动 应用程序 跨平台 HTML5 使用      更新时间:2023-09-26

我被要求提供一个不依赖任何平台的HTML5/JS/CSS平板电脑应用程序。要求:

  • 跨平台移动/平板应用程序
  • 离线功能和存储(它应该在缺乏互联网连接的情况下工作,并且在连接后能够同步)
  • 实时数据(应该能够显示传感器值的任何微小变化)
  • 我应该能够连接到CAN接口并获取传感器值和ECU数据。因为我还没有为这一部分想出任何解决方案,所以我正在考虑蓝牙。然而,HTML5不支持蓝牙

如果HTML5/JS/CSS能够满足这些要求(尤其是蓝牙),我将很高兴给我一些愿景。

另一个问题是,是否可以不使用任何框架,如PhoneGap、RHoMobile。。。。只需使用原始HTML5/CSS/JS开发跨平台应用程序,并满足所有要求?

您查看过PhoneGap/Cordova吗?

您可以使用HTML5、JS和CSS轻松创建跨平台的移动应用程序。

http://phonegap.com

内置的API提供了对设备的大多数原生特性和功能的访问。您可以使用localStorage或SQLite数据库管理脱机存储,并可以检测网络连接状态,以确定您是否处于脱机/联机状态以及连接级别(Edge、3G、4G、WiFi)。通过这些功能的组合,您可以管理数据同步。

至于蓝牙,PhoneGap API不支持开箱即用,但它具有高度可扩展性,因此开发人员可以为缺失或所需的功能创建自己的插件。

这个社区非常棒,许多插件都被编译到GitHub上的中央存储库中:https://github.com/phonegap/phonegap-plugins

我知道在这个存储库中有一个适用于Android的蓝牙插件。

你也可以很容易地编写自己的插件来添加你需要的任何额外功能:

http://www.adobe.com/devnet/html5/articles/extending-phonegap-with-native-plugins-for-android.html

http://www.adobe.com/devnet/html5/articles/extending-phonegap-with-native-plugins-for-ios.html

**编辑**

在我写下提到PhoneGap的答案后,你发布了对这个问题的修正案。诚实的答案是否定的,如果没有一个与本地设备功能交互的框架,原始HTML5、CSS和JS将无法处理蓝牙等。

不,不能。纯网络应用程序不可能,也可能永远无法使用蓝牙。

HTML5蓝牙和音频

我以前开发过一个Web应用程序,我可以告诉你,任何涉及离线的事情都必须简单,使用设备硬件是不可能的。

看看这些框架,你可能会得到一些有用的东西。但从一开始开发本地应用程序可能是一个更好/更现实的选择。

经过大量搜索,我找到了MoSync,这是一个跨平台的SDK,旨在开发不同的移动应用程序。我相信MoSync可以是这个问题的最佳答案,因为它确实是一个丰富的SDK(C、C++、HTML、JavaScript),并且有很棒的工具和社区可以尽力帮助你。

有关更多信息,我鼓励开发人员查看此处或访问他们的网站。

未来大多数移动应用程序都将使用HTML5开发。HTML5标准被迅速采用,这些标准支持GPS、加速计、相机、存储等手机功能。

如果你想使用任何设备功能,我会建议你使用PhoneGap。