Phonegap 初探

Posted 2022-12-06 题材新颖

这几天正好帮老师做个微信登录的插件，就从 phonegap 开始先了解一下。

首先是 phonegap 的安装，官方网址 phonegap.com，进去后直接点击 install，会进入安装界面，提示要你通过命令行来安装，一定要记得先安装 NodeJS，否则你会发现终端一直提醒你 npm 命令找不到。安装完成之后按官网提示，直接在命令行输入

$ sudo npm install -g phonegap

这里不用翻墙就可以下载，速度可能会有点慢，等一会之后下载完成，phonegap 就成功安装了，Windows 下我没有尝试，在 Mac 下的话到这一步就成功了，不需要再继续进行环境变量的配置。

安装完成之后就可以开始使用 phonegap 了，但是需要注意的是，官方的文档基本还是 cordova 的，实际上 phonegap 和 cordova 是一回事，但是在命令行里面，你只安装了 phonegap 就使用 cordova 一定会出现命令找不到的情况，所以在参考官方文档的时候自行把 cordova 替换成 phonegap 就好了。比如创建项目的时候

$ phonegap create my-app

这样就可以创建一个新项目了，当然对于新项目是可以自行配置一下的，具体的参数如下

Usage: phonegap create [options] <path> [id [name [config]]]

Description:

  Creates a new application at the provided path.

  The application name and package ID can also be customized.
  These values are set in the app manifest (config.xml) and are used when
  creating a native project (platforms/<platform>/).

  The application can be created from an existing template as well. You can
  list the existing templates with the `template list` command.

  The [config] option allows you to pass a JSON string, which will be injected
  into `<path>/.cordova/config.json`.

Options:

  --name, -n <name>         application name (default: "Hello World")
  --id, -i <package>        package name (default: "com.phonegap.hello-world")
  --template <name>         create app using an existing app template
  --copy-from, -src <path>  create project using a copy of an existing project
  --link-to <path>          symlink/shortcut to the www assets without copying

创建成功之后可以进入目录下，发现目录下有几个文件夹，需要注意的就是 platforms 这个文件夹，对应的不同平台的源码就在这个里面，但是进去会发现里面为空，这个主要是因为 phonegap 的平台需要自己添加，在这个项目目录下，执行下列命令：

phonegap run ios

执行完了之后就会发现 platforms 里面已经多了一个 iOS 文件夹了，进去之后发现这就是一个完整的 iOS 应用，直接打开，运行，尝试成功。