HTML5学习总结-番外04 Cordova/PhoneGap

一 PhoneGap

1 PhoneGap简绍

http://www.cnblogs.com/JustRun1983/p/3819433.html

2 环境安装

http://cordova.apache.org/docs/en/6.x/guide/cli/index.html

1)安装Cordova

  安装环境MacOS,首先要装好NODEJS,NPM。使用以下命令安装Cordova:

sudo npm install -g cordova

 2) 创建Cordova应用

   在Mac的项目路径中,输入以下命令安装Cordova应用:

cordova create hello com.example.hello HelloWorld

  应用框架的根路径放在HelloWorld应用的www/index.html下。

3)添加平台支持

cd hello

  添加你的应用想支持的平台。支持的平台查看文件在config.xml下。输入以下命令,让此应用支持IOS平台。

cordova add platform ios

   检查此应用支持的平台,输入以下命令:

cordova platform ls

4)编译工程

  输入以下命令,编译工程。

cordova build

5)使用模拟器打开应用

cordova emulate ios

   一切顺利的话,就可以看到模拟器启动了,出现以下画面:

  现在使用XCode打开此应用,享受CORDOVA之旅吧。

3 开发教程

http://www.yiibai.com/cordova/cordova_environment_setup.html#

测试Cordova对话框

http://www.yiibai.com/cordova/cordova_dialogs.html

资料参考:

http://www.jianshu.com/p/743e38ee4f91

http://jingyan.baidu.com/article/ed15cb1b6c9a681be2698144.html

http://blog.csdn.net/mcg890414/article/details/45420625

原文地址:https://www.cnblogs.com/wangshuo1/p/5897374.html