使用 Cordova 将前端 JavaScript 应用打包成手机原生应用

假设我用JavaScript和HTML开发了一个前端应用，我想把该应用打包成能直接在手机上安装和运行（不通过浏览器）的原生应用，例如像下面这样。对应用的用户来说，他们得到的用户体验和真正的用Android Studio或者XCode开发的原生应用完全一致。

这是怎么做到的？

答案是使用Apache的开源框架，Cordova。

以Android框架为例，Cordova能将您的前端应用里的JavaScript和HTML资源打包成Android原生的apk文件，可以直接在安卓手机上安装。运行时，这些JavaScript和HTML直接运行在Cordova提供的一个嵌入式的WebView控件里，对于手机用户来说，他们对此毫不知情，以为自己使用的是手机原生应用。

下面就跟着我一步一步来使用Cordova打包您的前端项目吧