search

lmk123 / blog

个人技术博客，博文写在 Issues 里。
https://github.com/lmk123/blog/issues
624 stars 35 forks source link

初试 PhoneGap #1

Open lmk123 opened 9 years ago

lmk123 commented 9 years ago

最近公司要开发一个内部使用的安卓客户端。我想到 PhoneGap 可以使用网页技术开发手机应用，于是自学了 PhoneGap 。总的来说，除了安装 SDK 麻烦一点，其它跟开发 Chrome 扩展差不多。

开发前的准备

开发之前，需要先安装你的目标平台 SDK，而我只需要安装 Android SDK 就够了。

安装 Android SDK

先去下载一个 Android SDK 管理工具；如果官方地址打不开，也可以到这里下载。对于 win7 用户，安装完成后还需要在 PATH 环境变量中追加一段 ;D:\AndroidSDK\tools ，这个地址指向你的 SDK 安装目录下的 tools 目录。

然后在命令行输入 android 打开 SDK 管理工具，它会列出一系列的工具包，但是由于众所周知的原因无法在线下载，所以我在网上找了一个镜像地址，根据说明配置之后就能正常下载了。

之后，需要下载 SDK 中的 Tools/Android SDK Platform-tools 、 Tools/Android SDK Build-tools，以及你想要的安卓版本中的 SDK Platform（我下载的是 Android 5.0.1 (API 21)/SDK Platform）。这些工具用于 PhoneGap 生成 apk。

如果你需要一个安卓模拟器，还需要安装指定安卓版本下面的 System Image （我下载的是 Android 5.0.1 (API 21)/ARM EABI v7a System Image ，安卓版本与上面的一致）。之后，打开 ADV 管理工具（在 Android SDK 安装目录下），切换到 Device Definitions 选项卡，选择一种设备类型并创建就可以了。

开始 Hello World

首先需要安装 Cordova（看了文档才知道，PhoneGap 首页的 Install PhoneGap 按钮就是一个骗纸，根本就不需要安装）。熟悉 Nodejs 的人很容易就能安装成功了。（说起来直到现在我都不知道 PhoneGap 和 Cordova 是什么关系、有什么不同。）

之后就可以用命令行来创建一个空项目了：

cordova create my_first_phonegap_app io.github.lmk123.FirstApp ThisIsAppTitle

完成之后，会在运行命令的目录中创建一个 my_first_phonegap_app 文件夹。里面的 www 目录下有一个 index.html ，这就是程序的“首页”了。按照国际管理，我写下了 hello milk。

之后就可以准备生成对应平台的 app 了。下面的所有命令都是在 /my_first_phonegap_app 这个文件夹里运行的。

首先添加安卓平台：

cordova platform add android

然后生成 apk：

cordova build

当命令行提示 BUILD SUCCESS 之后，它会给出一个生成的 apk 文件的位置。现在你就可以将这个 apk 发送到自己的手机上安装了。

如果你安装了安卓模拟器，也可以使用 cordova run 命令，这样会直接 build 一个 apk ，然后直接在模拟器里安装并打开。

使用插件

PhoneGap 插件库 里提供了各种各样的插件，这些插件能通过 javascript 来调用手机的原生功能，例如照相机、震动、通知，以及文件操作等。插件的安装一般都是使用 cordova plugin add 插件名字 命令，但有的插件安装后还需要在 config.xml 里加一些东西，不过这些内容肯定会详细的写在插件说明里的。

至此，PhoneGap 的使用就大致介绍完了，接下来就可以开始愉快的开发了 ;)

zhougonglai commented 8 years ago

lol,^_^挺有意思~