javascript - 创建 HTML 和 JS 小部件并将它们集成到本机和混合应用程序

Question

首先，感谢您阅读我的问题。我在工作中有一个新的挑战，构建一些 HTML 和 JS 小部件以将它们集成到本机和混合移动应用程序中。我的问题是：

1. 原生和混合移动应用程序如何在其用户界面中嵌入 JS 小部件？

2. 假设我们在应用程序中已经有一个基本的表单小部件，小部件如何将一些额外的数据发送回应用程序？

标签： javascriptandroidhtmlioswidget

Answer 1

从广义上讲，您的表单将通过“控制”或“模型”连接到某种类型的存储，无论是在浏览器本地还是远程数据库。

用 JS 编写的混合应用程序使用“Web 视图”来呈现没有浏览器 chrome 的 HTML（即没有 URL 栏）。这是 Apple 的UIWebView 类，这是Android WebView

我建议您查看一些用于混合/原生应用程序开发的流行 JS 框架，以确定它们是否满足您的技术要求。根据您选择的框架，您的问题的更具体答案会有所不同。

下面是查看表单如何使用三个流行的 JS 库工作的链接，但这些不是您唯一的选择。

1. 反应形式
2. 离子形式
3. Vue 表单

fwiw、React和Vue都有一个用于原生应用程序开发的特定库，但 Ionic 使用相同的库来进行原生和混合移动开发。

要了解小部件，请在您选择的框架的文档中查找组件或元素。一般来说，一旦你创建了一个正常工作的小部件，你就可以将它直接插入到基于 HTML 的模板中，并为它注入你需要的任何数据，以呈现任何动态元素。