具有HTML5的跨平台移動應用程序

Question

我被要求提供一個HTML5 / JS / CSS的平板電腦應用程序，它不依賴於任何平台。 要求：

• 跨平台移動/平板電腦應用程序
• 離線功能和存儲（它應該在缺乏互聯網連接的情況下工作，並且在連接后能夠同步）
• 實時數據（它應該能夠顯示傳感器值的任何微小變化）
• 我應該能夠連接到CAN接口並獲取傳感器值和ECU數據。 因為我沒有為這部分提出任何解決方案，我正在考慮藍牙。 但是，HTML5不支持藍牙。

如果HTML5 / JS / CSS可以滿足這些要求（尤其是藍牙），我很感激給我一些啟示

另一個問題是，是否可以不使用任何框架，如PhoneGap，RHoMobile，....而只是使用原始HTML5 / CSS / JS開發跨平台應用程序並具備所有要求？

Answer 1

你有沒有看過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將無法處理藍牙等。

Answer 2

你不能。 純粹的Web應用程序無法使用藍牙，也可能永遠無法使用藍牙。

HTML5藍牙和音頻

在開發Web應用程序之前，我可以告訴您，任何涉及離線的操作都必須簡單，並且使用設備硬件已經完成。

查看框架，您可以獲得一些工作。 但是從開始開發本機應用程序可能只是一個更好/更現實的選擇。

Answer 3

經過大量搜索后，我想出了MoSync ，這是一個跨平台的SDK，用於開發不同的移動應用程序。 我相信MoSync可以成為這個問題的最佳答案，因為它實際上是一個豐富的SDK（C，C ++，HTML，JavaScript），並且有很好的工具和社區可以盡力幫助您。

有關詳細信息，我鼓勵開發人員查看此處或訪問他們的網站。

Answer 4

大多數未來的移動應用程序將使用HTML5開發。 HTML5標准被迅速采用，這些標准支持GPS，加速度計，相機，存儲等手機功能。

如果您想使用任何設備功能，我建議您使用PhoneGap。