Cordova跨平台开发入门

使用Node.js安装Cordova
最新推荐文章于 2023-03-25 12:46:41 发布
原创 最新推荐文章于 2023-03-25 12:46:41 发布 · 331 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了如何使用Node.js安装Cordova并创建第一个应用。包括安装Cordova、创建项目、添加平台支持及运行应用等步骤。

我们利用node.js安装cordova，首先打开命令行，输入以下命令安装cordova

npm install -g cordova

然后我们创建第一个应用 

cordova create MyApp
这样就创建了一个MyApp应用，接下来添加浏览器版本
cd MyApp
<pre name="code" class="html">cordova platform add browser


下面我们运行一下MyApp应用



 cordova run browser
这样就可以运行了，如果是安卓版本则需要一下命令：

<pre name="code" class="html">cordova platform add android








然后编译一下


cordova build android


好了，完成第一个项目了。





















npm install -g cordova


                

        

    

    
  



    



                



	

		

			

				
					
cordova跨平台移动应用开发——环境安装-2024年cordova新版

				
			

			

				

					晓夏IT笔记
				

				

					03-18
					
					1万+
					
				

			

		

		

			
				
Apache Cordova是Apache基金会支持的一套开源移动APP的开发工具，其前身是phonegap。phonegap被收购后，开发者将其核心代码部分捐给Apache，并取名Cordova。它允许移动APP开发者使用HTML+CSS+JavaScript来访问本地设备的功能，“one code base"完成多终端平台的移动应用开发。

			
		

	



                

            
              



	

		

			

				
					
nodejs之cordova 跨平台开发

				
			

			

				

					bubuxindong的专栏
				

				

					12-21
					
					3598
					
				

			

		

		

			
				
cordova原名phonegap，虽然adobe收购了phonegap，但是phonegap的核心给了apache，也改名为cordova.

cordova官网：
1. 安装nodejs
2. 安装cordova

$ npm install cordova -g
3. 新建一个项目

$ cordova create hello com.example.hello Hell

			
		

	



              


  
              

                


	

		

			

				
					
cordova 跨平台初探

				
			

			

				

					qq_21815863的博客
				

				

					05-27
					
					706
					
				

			

		

		

			
				
cordova 跨平台初探
移动端app的开发由于手机操作系统的多样化，典型的如ios与android，如何省精力的一次开发，到处运行是所有移动端开发者都会遇到的问题。
具体的问题大概有一下几项: 
- 1.开发环境不同 
- 2.开发语言不通 
- 3.操作系统提供API不一致 
- 4.部署方式不同譬如说作者意在开发一个租房APP，是对南京市内所有APP信息的整合。但是为了果粉必须开发ios版本

			
		

	





	

		

			

				
					
跨平台框架Cordova概述

				
			

			

				

					zythy的专栏
				

				

					03-22
					
					1万+
					
				

			

		

		

			
				
跨平台开发利器Cordova（或Phonegap）简要介绍。

			
		

	



		

			
		



	

		

			

				
					
cordova跨平台项目创建的方法

				
			

			

				

					CJXBShowZhouyujuan的博客
				

				

					04-14
					
					1600
					
				

			

		

		

			
				
Cordova的使用，详细的信息还是从官网上看的比较好。我这里只是总结下，我在创建cordova项目中的一些步骤。官网在持续的更新中。

这里已iOS项目的创建为版本进行说明

1.创建一个跨平台为中心的项目

     1.1 首先要配置好node环境。我已经安装了node.js 版本是5.1.0如果版本过低，在现在创建项目的时候会出错

           https://n

			
		

	





	

		

			

				
					
移动跨平台开发---cordova(三)

				
			

			

				

					技术追求者！
				

				

					05-12
					
					502
					
				

			

		

		

			
				
真正进入cordova开发

			
		

	





	

		

			

				
					
Cordova入门指南：跨平台开发必备技能

				
			

			

				

					
				

			

		

		

			
				
在企业级跨平台开发过程中，Cordova作为一种流行的解决方案被广泛应用。由于其底层与Ionic密切相关，但Cordova提供了更直接的原生集成能力，使得开发者无需陷入Ionic复杂的框架中。本文将带你快速入门Cordova，从...

			
		

	





	

		

			

				
					
React Redux Cordova入门套件：跨平台开发指南

				
			

			

				

					
				

			

		

		

			
				
资源摘要信息: "React-Redux-Cordova 是一个基于 Apache Cordova 构建的样板程序，它允许开发者使用 React 和 Redux 这两个流行前端技术栈来构建跨平台的移动应用。这个样板程序的开发是为了简化 React 和 Redux 在...

			
		

	





	

		

			

				
					
移动端跨平台开发框架 Cordova 学习笔记(一) 环境搭建及创建第一个 Cordova Android APP

				
			

			

				

					clevergump的专栏
				

				

					02-04
					
					1703
					
				

			

		

		

			
				
转载请注明本文出自 clevergump 的博客：http://blog.youkuaiyun.com/clevergump/article/details/54861886, 谢谢!这个系列的文章, 介绍的是移动端著名的跨平台开发框架 Cordova.  跨平台, 顾名思义, 就是只需开发一套代码, 就可以在多个平台上运行. Cordova 针对的是移动端的跨平台, 所以我们只需借助于该框架提供的 API,

			
		

	





	

		

			

				
					
cordova入门

				
			

			

				

					01-27
				

			

		

		

			
				
【Cordova入门】Cordova是一款流行的开源框架，用于构建跨平台的移动应用程序。它基于HTML、CSS和JavaScript，利用WebView技术将Web应用转化为原生应用。Cordova的核心思想是通过JavaScript API来调用设备的原生功能...

			
		

	





	

		

			

				
					
蘑菇街 java 面试_【蘑菇街java工程师面试】蘑菇街Java后台开发二面挫败-看准网...

				
			

			

				

					weixin_33230433的博客
				

				

					02-15
					
					234
					
				

			

		

		

			
				
面试官是个女生，hr打电话来两天后就开始电话面试了。自我介绍 ：大三学生，学习了一年iOS，自己做了两个项目，天气和微博，swift和OC都写。蘑菇街面经一面：1，如何用实现微信两人之间发送消息?网络服务器中会存储着一个用户列表列表，当用户发送一条消息到服务器，服务器会建立一个安全长连接，并通过该用户的id获得对应用户的好友列表，用户想要对话的时候不用再次建立连接，直接通过已有连接发送到另外的用户...

			
		

	





	

		

			

				
					
Cordova优缺点与环境部署

				
			

			

				

					weixin_34114823的博客
				

				

					11-04
					
					539
					
				

			

		

		

			
				
Cordova优缺点与环境部署
转载于:https://www.cnblogs.com/lichaoqing/p/6030547.html

			
		

	





	

		

			

				
					
Cordova原理一

				
			

			

				

					weixin_30412577的博客
				

				

					03-19
					
					186
					
				

			

		

		

			
				
我们知道cordova中js要和native通信都是通过 cordova plugin来实现的。如果我们自己创建一个cordova plugin，它其实就是几个独立的文件按照一定的目录结构放在一起，然后用户自己去手动配置plugin.xml文件（这个文件也要放在plugin中），之后我们利用cordova plugin add 命令来安装一个plugin到对应的工程中（plugin的安装和使...

			
		

	





	

		

			

				
					
Cordova和React-Native两种框架的区别和优劣分析

				
			

			

				

					天工开物
				

				

					07-20
					
					7258
					
				

			

		

		

			
				
Cordova 和 React-Native 是使用 Web 开发移动端的两大框架， Cordova 是 Apache 旗下的，React-Native 是 Facebook 旗下的在2013年发布的一个前端框架，两者皆开源。下面的内容主要记录了这两大框架的优劣，以及移动端开发中有关 WebView 比较可行的几种选择。

对比 
跨平台特性

Cordova: write once, run a...

			
		

	





	

		

			

				
					
Cordova系列之初探Cordova

				
			

			

				

					喻志强的博客
				

				

					03-25
					
					5296
					
				

			

		

		

			
				
了解cordova的优势以及不足，如何摆脱必须继承CordovaActivity的限制，怎么封装一个比较好用的组件

			
		

	





	

		

			

				
					
iOS原生，React Native，Cordova技术选型对比

				
			

			

				

					shisanshuno1的专栏
				

				

					06-10
					
					9331
					
				

			

		

		

			
				
    对于移动客户端开发，目前主要的开发模式有两种，分别是跨平台开发以及原生客户端开发。跨平台开发通俗来讲就是一套代码同时兼容多个手机系统。原生客户端开发就是使用官方开发语言进行开发。两种开发模式都可以开发出企业需要的应用终端功能，但是相对应的每种开发模式都有自己的优缺点，因此企业需要根据本身的需要以及开发模式的优缺点来选择更适合自己的开发模式。开发模式介绍    一．	跨平台开发跨平台开发的特...

			
		

	





	

		

			

				
					
Cordova概述

				
			

			

				

					yuanlnet的博客
				

				

					03-12
					
					2550
					
				

			

		

		

			
				
Apache Cordova is an open-source mobile development framework. It allows you to use standard web technologies - HTML5, CSS3, and JavaScript for cross-platform development. Applications execute within wrappers targeted to each platform, and rely on standard

			
		

	





	

		

			

				
					
Cordova

				
			

			

				

					woyebuzhidao321的博客
				

				

					02-11
					
					3562
					
				

			

		

		

			
				
Cordova 是用 Web 技术（ HTML，CSS 和 JS ）构建移动应用的平台。我们可以认为Cordova 是一个容器，用于将的 Web 应用移植到移动端，同时支持移动端的功能（例如：定位、蓝牙、摄像头等）。对前端友好，学习成本低HTML，CSS 和 JS，只要你写过 SPA，就很熟悉 Cordova跨平台，一套代码，多端部署（便于移植）IOS，Android，Windows Phone，Amazon-fireos，黑莓，Firefox OS，Ubuntu 和 tizien。

			
		

	





	

		

			

				
					
cordova Ionic 和cordova的区别是什么（项目总结）

					
热门推荐

				
			

			

				

					时清云的博客
				

				

					06-21
					
					2万+
					
				

			

		

		

			
				
现在的项目是移动端的，所以需要用cordova调用原生的设备，例如摄像头等，然后就是由于之前接触过ionIC，所以就它们之间的区别特意总结了一下。




很多新朋友ionic基础教程都学完了，还是不知道ionic 和cordova 是什么关系

ionic是什么：

Ionic(ionicframework)一款开源的Html5移动App开发框架,是AngularJS移动端解决

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值