cordova 安装使用

前人总结: 

Cordova是Apache软件基金会的一个产品。其前身是PhoneGap,由Nitobi开发,2011年10月,Adobe收够了Nitobi,并且PhoneGap项目也被贡献给Apache软件基金会。Apache在2012年12月,发布了Cordova,截止到2015年12月,最新版面是3.0。

    该框架的目标用户群体是原生开发者,其设计初衷是希望用户群体能够通过跨平台开发的方法降低原生开发的成本。为此,开发人员需要安装原生开发环境,配置工程,使用HTML5、CSS3、JS和原生SDK生成应用。

    Cordova的优势很明显,可以使用的框架、原生接口、支持平台都很多。但是,外国人写的东西,公司使用后,出现的技术问题难以解决。同时,其在使用jQuery Mobile、Sencha Touch等前端框架的时候,有特效启动慢、页面切换慢、数据请求慢的特点。

1 安装  npm install -g cordova

2  创建cordova 项目 

   cordova create hello com.mydomain.hello HelloWorld

  第一个参数是文件目录(hello)

  第二个参数是app id  (com.mydomain.hello)

  第三个参数是工程名字 (HelloWorld)

  

3 进入项目目录 ,输入 cordova platform  可以查看可用的平台

4 为程序添加平台: cordova platform add <platform name>

5 命令行运行:cordova run <platform name>

6 进入目录 点击  platforms/ios/*.xcodeproj  打开xcode

7 项目根目录为html配置  

8 h5页面在根目录www目录下 

9 cordova build ios   //打包编译

  cordova run ios   //启动模拟器

--------------------将h5访问改为外部链接地址---------------------------

方法一

在MainViewController.m的initWithNibName的重写方法中添加代码:

self.wwwFolderName = @"https://www.baidu.com";
self.startPage = @"";

方法二

在config.xml配置文件中,

更改:<content src="index.html" /> <content src="https://www.baidu.com" /> 
去掉:<allow-intent href="http://*/*" />
   
<allow-intent href="https://*/*" /> 
增加:<allow-navigation href="http://*/*" />
  
<allow-navigation href="https://*/*" />

 


 
 
原文地址:https://www.cnblogs.com/liuq1991/p/8043959.html