安裝PhoneGap CLI

官方PhoneGap CLI安裝文檔
npm install -g phonegap 前提要安裝node.js node.js下載地址
要翻墻，過(guò)程較慢
npm鏡像 參考 http://www.itdecent.cn/p/fb7251740107/comments/330864

創(chuàng)建應(yīng)用

phonegap create 項(xiàng)目目徑 包名 應(yīng)用名稱

$ phonegap create path/to/myApp
$ phonegap create path/to/myApp "com.example.app" "My App"
$ phonegap create path/to/myApp --id "com.example.app" --name "My App"
$ phonegap create path/to/myApp --template hello-world
$ phonegap create path/to/myApp --copy-from ../myOtherApp
$ phonegap create path/to/myApp -src ../myOtherApp
$ phonegap create path/to/myApp --id "com.example.app" --name "My App" --copy-from ~/myOtherApp
$ phonegap create path/to/myApp --link-to ../myOtherApp
phonegap create path/to/myApp "com.example.app" "My App"

目錄如下：

phonegpa項(xiàng)目目錄

啟動(dòng)應(yīng)用

phonegap serve

phonegap serve
(node:4296) fs: re-evaluating native module sources is not supported. If you are
 using the graceful-fs module, please update it to a more recent version.
[phonegap] starting app server...
[phonegap] listening on 192.168.0.112:3000
[phonegap]
[phonegap] ctrl-c to stop the server

可看到在瀏覽器下192.168.0.112:3000即可訪問(wèn)
ctrl-c 命令行結(jié)束
在手機(jī)上安裝PHONEGAP DEVELOPER APP

phonegap-developer-app-pairing.png

打包 apk

生成android platform

phonegap platform add android
會(huì)在platforms 下生成android文件夾，內(nèi)為完整的android studio項(xiàng)目，只是使用的gradle 較老

Paste_Image.png

phonegap build android
正常會(huì)在build下生成output/apk文件
出錯(cuò)可嘗試
cordova platform update android

或者進(jìn)到android項(xiàng)目的根目錄，使用gradle命令
也可以使用android studio 打開項(xiàng)目運(yùn)行

添加插件

官方已提供以一些常用的原生態(tài)功能文檔

引入其他插件
http請(qǐng)求插件
toast插件
支付寶插件
添加方法
phonegap plugin add cordova-plugin-http
phonegap plugin add cordova-plugin-x-toast

插件搜索
http://cordova.apache.org/plugins/
https://www.npmjs.com/
https://github.com/

插件的刪除
phonegap plugin remove cordova-plugin-x-toast

phonegap的幫助信息

phonegap help

Usage: phonegap [options] [commands]

Description:

  PhoneGap command-line tool.

Commands:

  help [command]       output usage information
  create <path>        create a phonegap project
  build <platforms>    build the project for a specific platform
  install <platforms>  install the project on for a specific platform
  run <platforms>      build and install the project for a specific platform
  platform [command]   update a platform version
  plugin [command]     add, remove, and list plugins
  template [command]   list available app templates
  info                 display information about the project
  serve                serve a phonegap project
  version              output version number
  push                 send test push notification

Additional Commands:

  local [command]      development on local system
  remote [command]     development in cloud with phonegap/build
  prepare <platforms>  copies www/ into platform project before compiling
  compile <platforms>  compiles platform project without preparing it
  emulate <platforms>  runs the project with the flag --emulator
  cordova              execute of any cordova command

Options:

  -d, --verbose        allow verbose output
  -v, --version        output version number
  -h, --help           output usage information
  --no-update-notifier disable update notifier, to opt-out of update-notifier
                       change the 'optOut' property to 'true' in
                       ~/.config/configstore/update-notifier-phonegap.yml

Examples:

  $ phonegap help create
  $ phonegap create path/to/my-app
  $ cd my-app/
  $ phonegap run ios