WebViewGold 文档 · iOS
🇨🇳 中文
获取 WebViewGold

NFC 插件

在您的 iOS WebView 应用中原生读取 NFC 标签,并将标签数据传递给您的网页应用。

近场通信(NFC)技术是最新技术之一,已在移动用户中变得非常流行。它使两台设备,或一台设备与一个 NFC 标签能够在近距离时进行无线通信。NFC 在 iOS 设备上被广泛用于读取和写入少量数据,是通过支持 NFC 的卡片或标签共享信息的有效工具。

NFC API 允许开发者直接从应用代码向 NFC 标签读取和写入数据。这为应用与用户的互动开辟了新方式,从共享联系人信息到嵌入文本片段。


WebViewGold NFC 插件集成

虽然 NFC 不属于 WebViewGold 的常规功能范围,但我们可以根据具体需求提供定制、简便的 WebViewGold NFC 插件集成(通过 JavaScript)。

请通过电子邮件将您的需求(例如,向 NFC 标签写入/读取文本片段和/或联系人名片详情)发送至 [email protected],以获取免费咨询和无约束力的报价。

写入
要向 NFC 标签写入值,请从您的 Web 应用发送命令,加载以下 URL:writenfc://?value=data
示例:
<a href="writenfc://?value=WebViewGold.com"> Write to an NFC tag </a>
这会使您的应用进入写入模式,并存储该值,直到扫描到标签为止。

写入 VCARD
使用与写入纯文本相同的 API。按如下格式编排文本:

VCARD
FN:John Doe
Title:Developer
TEL;TYPE=CELL:0452641211
_
_
_
各属性之间用下划线(_)分隔,并在文本前加上 VCARD_ 前缀。支持的属性列表请参见 https://en.wikipedia.org/wiki/VCard#Properties

读取
要读取 NFC 标签,请加载 readnfc://。应用会通过调用 readNFCResult(data, id, tag) 将信息返回给您的 Web 应用,其中 data 是存储的值,id 是标签标识符,tag 是标签类型。请在您的 Web 应用中定义此 JavaScript 函数以处理这些值。

如何测试该 API

  1. 打开您应用代码库中的 Config 文件。
  2. 输入您的购买代码。
  3. 将应用的 URL 设置为 NFC API 测试页面:https://webviewgoldtest.github.io/NFCtesting.html
  4. 运行应用。
  5. 按下“读取”或“写入”选项之一以启用相应模式。如果是写入,请输入一个值。
  6. 将 NFC 标签靠近设备以完成读取或写入操作。测试页面和应用将显示结果。

SDK 风格的实现说明

将此功能视为向 Web 层公开的原生能力:将生产网站或 PWA 作为唯一可信来源,然后使用文档中的 WebViewGold 配置标志、URL 命令和 JavaScript 桥接调用,仅在能够带来价值的地方启用原生 iOS 行为。这种方式让代码库易于维护,因为同一个 Web 应用只需极少的条件逻辑即可同时服务于浏览器、WebViewGold for iOS 以及其他 WebViewGold 平台。

为获得可靠的结果,建议优先使用 HTTPS 端点、稳定的路由名称、在界面中明确的成功/错误状态,以及封装原生调用的小型 JavaScript 辅助函数。例如,使用 jQuery Mobile、Lovable、Base44、Bolt、WordPress、Bubble、自定义 React/Vue/Angular 技术栈或静态 HTML 构建的 Web 应用,可以提供单个按钮或事件处理程序来触发原生 WebViewGold API,同时仍为浏览器提供优雅的回退方案。

  • 推荐的集成模式:检测应用上下文,调用 WebViewGold API,然后在原生回调或路由变更后更新 Web 界面。
  • 测试清单:在真机或打包构建上验证该功能,检查权限和商店审核文案,并确认仅使用浏览器的用户仍能获得有用的回退方案。
  • SEO 优势:让功能页面、路由标题和结构化内容在您的网站上保持可被索引,同时由 WebViewGold 为 iOS 用户提供原生应用外壳。

太忙了?我们替您搭建应用。

我们的团队为您配置、构建并提交 WebViewGold 应用——全程代劳、交付迅速、德国制造。

让我们搭建应用 →

在浏览器中构建

无需 Mac、无需 IDE:WebViewGold Cloud Builder 在线为您配置、构建并上传应用。

了解 Cloud Builder →