创建cordova项目

2024-06-09 07:08:36

PhoneGap是一套能让你使用HTML5轻松调用本地API接口和发布应用到商店的应用开发平台。官方说有低成本，低开发周期，轻量化等优点，这些咱暂时也没法证明，略过不表。但是有一条跨平台，却是很明显的优势。因为它采用HTML5+JavaScript的模式来开发应用。PhoneGap用JavaScript统一封装了几大平台的本地api（Andriod，IOS，WP8/7，WINRT）等等。。这样的话从一个平台移植到另外一个平台只需要把HTML代码跟JS原封不动的拿过去，打包一下就可以了。PhoneGap后来被Adobe收购，然后又贡献给了开源社区，现在由Apache管理，改名cordova。
本文主要介绍 cordova 在mac 系统下创建iOS 项目的过程，及创建过程中出现的问题及解决。
cordova 官方文档 http://cordova.apache.org/docs/en/latest/guide/cli/index.html
个人总结的步骤为
1安装Node.js
2. 安装XCode

- 打开“终端”，输入： xcode-select --install

- 输入：npm install -g ios-sim，若报错，则需要用sudo npm install -g ios-sim

- 输入：（sudo） npm install -g ios-deploy

- 输入：sudo npm install -g cordova （卸载用npm uninstall cordova -g）

- 输入：cordova create myapp（WebApp）

- 输入：cd myapp

- 输入：cordova platform add ios （若报错，则需要注册， http://register....）

- 输入：cordova build ios

- 双击 .xcodeproj 打开文件

- 再去developerz中添加App ID，添加Certificate，下载，然后在Provisioning Profiles--Distribution中设置信息文件到本地，要有证书，也要有说明文件

- 内置浏览器插件：cordova plugin add cordova-plugin-inappbrowser

在使使用 cordova 创建iOS 工程时会出现 bash: cordova: command not found;

环境变量没有设置出现的问题
在终端输入 export PATH=$PATH:/usr/local/lib/node_modules/cordova/bin

在终端输入

echo "$PATH" 查看是否已经添加cordova 的环境变量

这时便可以创建iOS项目了

转载于:https://www.cnblogs.com/Free-Thinker/p/8529417.html

创建cordova项目相关推荐

cordova技术集（一）Hello,cordova! 如何创建cordova项目。
cordova技术集(一)Hello,cordova!如何创建cordova项目. Cordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄 ...
cordova项目搭建
Cordova开发环境安装安装cordova命令行工具安装命令 npm install -g cordova cordova项目的创建.平台添加.打包等都需要cordova命令行工具 // 创建c ...
在 iOS创建第一个Cordova 项目
2019独角兽企业重金招聘Python工程师标准>>> PhoneGap是一套能让你使用HTML5轻松调用本地API接口和发布应用到商店的应用开发平台.官方说有低成本,低开发周期,轻 ...
新建android项目导包,Cordova开发App入门（一）创建android项目
前言Apache Cordova是一个开源的移动开发框架.允许使用标准的web技术-HTML5,CSS3和JavaScript做跨平台开发. 应用在每个平台的具体执行被封装了起来,并依靠符合标准的AP ...
cordova 创建app项目，签名打包部署
app签名打包一.安装流程 1.JDK安装.JDK 8 [jdk-8u261-windows-x64.exe下载地址:https://www.oracle.com/java/technologies ...
java安卓app开发教程_[Android教程] Cordova开发App入门（一）创建android项目
前言 Apache Cordova是一个开源的移动开发框架.允许使用标准的web技术-HTML5,CSS3和JavaScript做跨平台开发. 应用在每个平台的具体执行被封装了起来,并依靠符合标准的A ...
android cordova 教程,【WebApp】从零开始创建Cordova for android 项目
感谢各位伟大的作者,相关参考地址见文中所列! 一.在idea中关闭项目先从菜单 File -> Close Project 关掉此项目,然后重新启动idea,在项目列表中,将鼠标移到你想要删除 ...
vs2017 使用Cordova项目，生成报错
@[TOC] vs2017 使用Cordova项目,生成报错 vs2017 Could not resolve com.android.tools.build:gradle:2.1.0. Could ...
cordova 人脸识别,如何在Cordova项目中集成华为远程配置服务
最近发现AGC远程配置服务支持Cordova了,于是自己在项目里试了下,集成还是非常简单的,推荐大家使用. 集成步骤本地新建项目目录,目录下通过npm命令安装cordova环境. npm insta ...

最新文章

热门文章