前言
随着移动互联网的发展，越来越多的应用需要调用本机资源，比如使用系统默认的邮箱应用发送邮件，或者调用本机的摄像头进行拍照或拍摄视频等。而这些资源的调用一般都需要使用到原生代码，不同的平台有不同的代码实现，所以开发者需要编写不同平台的原生代码，并且在前端代码中进行代码的调用。这个过程也被称为“混合开发”。
但是，对于前端开发人员来说，具备编写原生代码的能力并不容易，而且对于不同平台和不同系统的应用，需要编写的原生代码也是不同的，这也意味着需要耗费大量的时间和经历在这方面的工作中。因此，如果有一个工具能够简单并且快速地实现这些功能的开发，那就将大大在提高开发人员效率的同时，减少开发成本。
在这个时候，npm 包 opennative 就应运而生。
opennative 介绍
opennative 是一个 Node.js 模块，主要用于在 Web 端调用本机的原生 app，例如打开系统邮箱、发送短信、打电话等一系列功能。它支持 iOS 和 Android 两种操作系统，可以为移动开发者提供一种更简单的混合开发方式。使用 opennative，我们可以不用编写原生代码，而直接使用 javascript 代码实现对各种系统资源的访问。
opennative 可以在应用程序中引用从 npm 安装的包，快速、准确地实现应用程序接口的封装。opennative 提供了一种使用 JavaScript 调用 iOS 或 Android 原生功能的简单方法，例如：打开 iPhone 相册和保存照片到 iPhone，这些功能实际上是使用 Objective-C 和 Swift 在 iOS 上实现的。
opennative 的使用
在使用 opennative 之前，需要先安装该 npm 包：
npm install opennative -S
在安装完成后，在我们的代码中，需要最先引入该 npm 包：
import opennative from 'opennative';
然后，我们可以通过 opennative 来访问本机资源。
打开系统默认邮件应用
我们可以使用 opennative 来打开系统默认的邮件应用，并预填写收件人、主题和邮件内容。代码如下：
-- -------------------- ---- -------
---------------------
--- -------------------
-------- ----- -- --- ----- ---------
----- ----- -- --- ----- ------
-- ----- ------- -- -
-- ----- -
-----------------
-------
-
--------------------
---拨打电话
我们可以使用 opennative 来直接拨打电话，或者弹出拨号界面。代码如下：
-- -------------------- ---- -------
-- ------
----------------------
------------ --------
-- ----- ------- -- -
-- ----- -
-----------------
-------
-
--------------------
---
-- ------
----------------------
------------ --------
----------- -----
-- ----- ------- -- -
-- ----- -
-----------------
-------
-
--------------------
---在 iOS 上，弹出拨号界面需要设置 isShowDial 为 true 才能生效。
发送短信
我们可以使用 opennative 来发送短信，或者弹出短信编辑器。代码如下：
-- -------------------- ---- -------
-- ------
--------------------
---------- ----------------
----- ----- -- - ------- ---- ------------
-- ----- ------- -- -
-- ----- -
-----------------
-------
-
--------------------
---
-- -------
--------------------
---------- ----------------
----- ----- -- - ------- ---- ------------
------------- -----
-- ----- ------- -- -
-- ----- -
-----------------
-------
-
--------------------
---在 iOS 上，弹出短信编辑器需要设置 isShowEditor 为 true 才能生效。
总结
通过本篇文章的介绍，我们可以看到，使用 opennative 可以极大地简化移动应用的混合开发工作，开发者不需要再去编写原生代码，而可以直接使用 javascript 代码实现对各种系统资源的访问。当然，使用 opennative 时，我们需要关注更多的系统兼容性问题，例如不同操作系统对功能的支持程度等。通过不断地实践和调试，我们可以更加深入地了解 opennative 的使用和注意事项，并快速地为我们的应用程序添加更多有用的功能。
示例代码可以在 opennative 官方文档中查看，也可以在 npm 包页中下载。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055ea181e8991b448dbf7f