hybrid►phonegap

phonegap 开发环境搭建及问题处理

windows下phonegap 开发环境搭建

  • 安装java环境，安装nodejs，安装集成了ADT的eclipse eclipse下载地址,下载并解压一个ant工具。
  • 添加下 java JDK ; Ant ;这几个文件的bin文件目录到系统变量，android SDK的sdk目录，platform-tools目录和tools目录到系统变量
  • 工具安装完成后,通过npm安装phonegap,cordova代码:
    1
    2
    npm install -g phonegap
    npm install -g cordova

这里有个问题要设置npm代理，而且要设置https的代理，不然在创建phonegap项目的时候会出现无法下载git项目包的问题(感谢俊江同学及时的建议^0^)

1
2
3
$ npm config set proxy http://server:port
$ npm config set https-proxy http://server:port
$ npm config set registry "http://registry.npmjs.org/"

  • 创建项目使用命令:

    1
    2
    3
    phonegap create myapp
    cd myapp
    phonegap run android

  • 在重装phonegap后有一个奇怪的问题，phonegap命令失效，这时候需要使用cordova命令就可以了。。

  • 这里如果出现编译报错,问题一是环境变量没设置好，另外就是sdk\platforms 下的版本不对，需要下载对应版本的android文件包，另外一个问题是高版本的模拟器不能创建avd所以需要略低版本的android文件包(如果使用手机作测试则不需要考虑这个问题)
  • 添加插件来调用弹窗
    这里的插件添加具体安装命令需要参照phonegap文档。另外需要在手机查看具体效果，在虚拟机上会出现报错(很怪异的状况)。
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    document.addEventListener("deviceready", onDeviceReady, false);
    function onDeviceReady() {
        document.addEventListener("backbutton",onBackKeyDown, false);    
    }
    function onConfirm(i) {
      if(i==1){ navigator.app.exitApp(); }
    }
    function onBackKeyDown(){
      navigator.notification.confirm(
          '按确定退出!',
          onConfirm,
          '确定退出玩的么吗?',
          ['确定','取消']
      );
    }

参考地址：(http://blog.csdn.net/aaawqqq/article/details/19755179)
ps: 电脑全局代理设置可以使用Proxifier

titanium环境搭建的问题

1.nodejs和msysgit(http://git-scm.com)需要事先下载并安装好
2.jdk需要安装32位的，64位jdk会导致titanium studio无法启动

phonegap IOS打包

1.创建项目 cordova create hello com.example.hello HelloWorld
2.cordova build ios 来编译ios项目
3.使用xcode引入项目
4.build setting中的code signing选择项目的provisoning profile
5.编译器选为Generic IOS Device，然后进行archive。
6.若之前有版本上传则需修改版本号