javascript - VAADIN 访问移动设备功能的最理想方式是什么？（例如相机、蓝牙等）知道 vaadin 现在支持 PWA

Question

我正在考虑在 VAADIN 中创建一个 PWA 应用程序，并且我想访问手机的蓝牙。而且我在他们的文档中找不到任何来源可以做到这一点。这可能吗？

您的帮助将不胜感激！谢谢！

Answer 1

有一些方法可以做到这一点，但浏览器支持是有限的（我认为目前主要只有 Chrome 和 Android）。HTML5 有一些访问蓝牙或相机的规范。

Vaadin 10+ 有一些附加组件，即 Vaadin Directory 中的 Flow，它们使用这些规范

有关更多详细信息，请参阅链接。

https://vaadin.com/directory/component/webbluetooth-printer

https://vaadin.com/directory/component/vcamera

Answer 2

RapidClipse 框架提供了一个 Java 移动 API，使 Vaadin 开发人员能够访问移动设备的许多本机硬件和系统功能。该 API 在底层使用 Cordova，这是一个原生浏览器桥。RapidClipse API 使用用于 Vaadin 的 Java API 扩展了 Cordova，允许您通过调用 Java 方法访问 Cordova 函数，因此您无需接触 JavaScript。

使用此 API 可以访问：设备信息、设备按钮、加速度计、振动、地理位置、指南针、用户联系人、本地文件系统、条形码扫描仪、相机、NFC、蓝牙并允许发送 SMS。

例子：

 /**
 * Add a button handler, e.g. for the back button
 */
AppService.getInstance().addBackButtonHandler(event->{
    // Do something ...
    // and consume event so that it will not be processed in the default manner by the source which originated it.   
    event.consume();
});

支持的功能：http ://www.rapidclipse.com/en/Framework.html

文档：https ://rapidclipse.atlassian.net/wiki/spaces/DOCEN/pages/50659630/XDEV+Mobile+Kit

RapidClipse 框架是开源的。