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

Question

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

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

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

Answer 1

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

用 JS 编写的混合应用程序使用“Web View ”来呈现没有浏览器 chrome(即没有 URL 栏)的 HTML。这是苹果的 UIWebView Class这是Android WebView

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

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

1. > React Forms
2. > Ionic Forms
3. > Vue forms

首先，React和 Vue每个都有一个用于原生应用程序开发的特定库，但 Ionic 为原生和混合移动开发使用相同的库。

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