cordova的安装与配置

最新推荐文章于 2023-05-05 23:13:31 发布
最新推荐文章于 2023-05-05 23:13:31 发布
阅读量175 收藏
点赞数
文章标签： javascript 开发工具 移动开发 ViewUI
原文链接：http://www.cnblogs.com/bpdxqx/p/6061719.html
版权

1、安装nodejs(自动包含npm)

2、在命令行中通过npm语句npm install -g cordova 安装cordova(如果提示网络连接失败，需要设置网络代理，搭理网址：npm config --global set registry http://registry.cnpmjs.org)

3、在命令行里通过安装成功的cordova,创建一个混合项目，创建语句：

cordova create CordovaDemo com.first.helloworld HelloWorld

CordovaDemo:项目文件夹名

com.first.helloworld:项目包名

Helloworld:项目 名

4、通过cd CordovaDemo 命令进入到文件夹内，通过以下命令cordova platform add android

为你的创建的项目添加安卓运行平台(ios平台添加也一样）

5、运行平台添加成功以后，还需要添加调用手机底层控件

cordova plugin add cordova-plugin-device

cordova-plugin-device 基本设备信息
cordova-plugin-network-information 网络连接信息
cordova-plugin-battery-status 电池状态信息
cordova-plugin-device-motion 加速度信息
cordova-plugin-device-orientation 指南针信息
cordova-plugin-geolocation 定位数据
cordova-plugin-camera 相机
cordova-plugin-media-capture 媒体捕获
cordova-plugin-media 媒体播放器
cordova-plugin-file 访问文件
cordova-plugin-file-transfer 文件传递
cordova-plugin-dialogs 消息提示对话框
cordova-plugin-vibration 振动提醒
cordova-plugin-contacts 联系人
cordova-plugin-globalization 全球化
cordova-plugin-splashscreen 闪屏(启动画面)
cordova-plugin-inappbrower 浏览器
cordova-plugin-console 控制台
cordova-plugin-statusbar 状态栏

添加插件，有选择性的安装，没必要都安装...

6、项目创建成功，用开发工具导入你创建的项目。如果用的是Eclipse开发工具，导入项目以后需要注意调整你的sdk版本为5.1以上，并且，把你同时导入的jar包和项目关联起来

7、此时项目可以正常运行。项目结构中，需要注意的是assets文件夹，这个文件夹包含了以后项目开发需要维护、修改的全部文件。

8、在assets中的index.html页面是项目启动以后的首页。项目开发要从他开始。

9、想要实现OnsenUI和AngularJs协作的混合项目，还需要进行以下的简单配置。因为项目是单页面项目（SPA），所以项目运行期间用到的CSS和js文件，需要全部声明在index.html页面。

（1）引用必须要引入的两个css文件：

  onsenui.css （组件）和 onsen-css-components-blue-basic-theme.css(主题)

 (2)引入几个必须引入的js文件，

   angular.js

   onsenui.js

   cordova_plugins.js

   cordova.js

  和自定义的app_model.js,

  注意：cordova.js和cordova_plugins.js只用在调用手机底层功能的时候才有用。所以在浏览器运行项目的时候，需要屏蔽这两个js文件，另外，app_modal.js里的内容只写一   句即可：

   var app = angular.module('app',['onsen']);

 10、在index.html页面的html标签里引用在app_modal里声明的模块。

    <html lang="en" ng-app="app" ng-csp>

 11、 这时候，创建的项目可以正确的运行onsenui前端框架提供的任何组件。但是需要注意的是：onsenui里的组件需要放在<ons-page>标签里面，而且  不要直接在<ons-page>标签内书写纯文本信息。

  12、在index.html页面中，需要注意的是，<ons-page>标签推荐写在<ons-navigator>标签里，以方便页面的跳转。

  13、然后就可以在index的<ons-page>标签内对onsenui提供的各种组件进行显示效果的测试了。

  14、等熟悉了onsenui提供的各种组件的显示效果之后，就可以通过angularjs的配合实现数据的填充。

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

 

转载于:https://www.cnblogs.com/bpdxqx/p/6061719.html

                

        




    

  


    


                



	

		

			

				
					
cordova安装开发.docx

				
			

			

				

					08-28
				

			

		

		

			
				
cordova 安装开发包含了详细的安装过程、资源下载地址、配置文件等重要内容。  cordova 安装开发的主要优点是能够快速开发跨平台的移动端应用程序，无需学习特定的移动端开发语言，使用 cordova 就可以开发出高质量...

			
		

	



                

            
              



	

		

			

				
					
Cordova插件使用和开发学习笔记

				
			

			

				

					qq9746的博客
				

				

					04-22
					
					727
					
				

			

		

		

			
				
Cordova插件使用和开发学习笔记1. Cordova插件开发1.1 环境搭建1.2 插件初始化1.3 插件完善1.4 plugin.xml2. Cordova插件使用2.1 创建项目2.2 添加平台2.3 添加插件2.4 调用插件参考
注意：文中范例主要基于Windows+Android+JAVA开发，只有部分涉及iOS。
1. Cordova插件开发
插件的开发可以参考cordova文档-创建插件
1.1 环境搭建
插件开发需要nodejs+npm环境，我们直接官网下载即可。
随后打开CMD，npm安

			
		

	



              


  
              

                


	

		

			

				
					
Cordova+Vue 项目初始化

				
			

			

				

					DC_Even的博客
				

				

					06-13
					
					9127
					
				

			

		

		

			
				
1.生成cordova项目 
具体见http://cordova.apache.org全局安装cordova
$ npm install -g cordova创建一个项目名为MyAPP的工程
$ cordova create MyApp生成目录如下图： 
2.在MyAPP工程中创建一个Vue项目 
具体见https://cn.vuejs.org/v2/guide/installation.html全

			
		

	





	

		

			

				
					
Android Cordova插件开发

				
			

			

				

					qq_36561118的博客
				

				

					05-23
					
					771
					
				

			

		

		

			
				
一、环境

1、node.js

2、Android studio




			
		

	



		

			
		



	

		

			

				
					
Cordova 开发环境搭建

				
			

			

				

					带你装逼带你飞的专栏
				

				

					06-02
					
					5083
					
				

			

		

		

			
				
1 前言

现在跨平台开发或者混合开发非常流行了，例如RN Cordova等，感觉Cordova在国内的流行度也非常高，现在Cordova是Apache下的开源软件了。这里简单的记录一下环境搭建过程

2 Cordova搭建步骤

Cordova环境搭建主要参考官方指导文档  
http://cordova.apache.org/#getstarted 
http://cordova.axuer....

			
		

	





	

		

			

				
					
Using "requireCordovaModule" to load non-cordova module "glob" is not supported

				
			

			

				

					weixin_43377140的博客
				

				

					04-16
					
					5060
					
				

			

		

		

			
				
Using “requireCordovaModule” to load non-cordova module “glob” is not supported
由于鄙人的mac上并没有安装Xcode，只有Command line tool（包含Mac SDK，在/Library/Developer/下），进行一些需要cmake的软件安装的时候可以很好的提供依赖，但是这回碰到的是打ios版本，需要i...

			
		

	





	

		

			

				
					
cordova安装手册

				
			

			

				

					11-11
				

			

		

		

			
				
**Cordova安装手册**  Cordova，也被称为Apache Cordova，是一种开源的移动开发框架，它允许开发者使用HTML、CSS和JavaScript来构建原生的移动应用。Cordova通过封装设备API，使得开发者可以访问手机硬件功能，如...

			
		

	





	

		

			

				
					
ionic cordova android安装教程

				
			

			

				

					12-15
				

			

		

		

			
				
1. **下载与安装**  - 访问Oracle官方网站：[http://www.oracle.com/technetwork/java/javase/downloads/index.html](http://www.oracle.com/technetwork/java/javase/downloads/index.html)，下载适用于您操作系统...

			
		

	





	

		

			

				
					
phonegap（cordova）环境配置

				
			

			

				

					08-29
				

			

		

		

			
				
win7（32位）环境下phonegap(cordova)环境的搭建过程，花了2天时间整理的，对初学者应该有所帮助。

			
		

	





	

		

			

				
					
phonegap cordova简明环境配置入门文档

				
			

			

				

					07-27
				

			

		

		

			
				
在开发PhoneGap/Cordova应用时，正确配置环境是必不可少的步骤。接下来将详细介绍PhoneGap/Cordova的环境配置要点。  ### PhoneGap目录结构介绍  PhoneGap项目的基本目录结构如下：  - `src`：包含所有用户创建的...

			
		

	





	

		

			

				
					
Cordova 运行报错汇总

				
			

			

				

					weixin_43703162的博客
				

				

					04-30
					
					3108
					
				

			

		

		

			
				
CordovaError: Using “requireCordovaModule” to load non-cordova module “q” is not supported.
解决方法：重新全局安装cordova
npm install -g cordova@8.1.2

参考

未完待续…



			
		

	





	

		

			

				
					
CordovaError: Using “requireCordovaModule“ to load non-cordova module “q“ is not supported

				
			

			

				

					Goals1989的博客
				

				

					07-07
					
					2165
					
				

			

		

		

			
				
解决方法一：

降级cordova为8.1.2

输入命令：


npm install -g cordova@8.1.2

解决方法二：

That's it, I found it. It comes from an update to cordova cli @9.0.0 and it's append on existing projects.
The issue come from cordova-android-support-gradle-release and fixed in versio

			
		

	





	

		

			

				
					
Using “requireCordovaModule“ to load non-cordova module “path“ is not supported. Instead, add this m

				
			

			

				

					xyliaaaa的博客
				

				

					07-15
					
					1644
					
				

			

		

		

			
				
插件卸载报错：


E:\mobile\xxx>ionic cordova plugin remove cordova-plugin-wechat
> cordova.cmd plugin remove cordova-plugin-wechat
Using "requireCordovaModule" to load non-cordova module "path" is not supported. Instead, add this module to your dependenc...

			
		

	





	

		

			

				
					
如何使用Cordova构建混合移动应用

					
最新发布

				
			

			

				

					m0_75198698的博客
				

				

					05-05
					
					712
					
				

			

		

		

			
				
执行上述命令后，Cordova将构建应用程序的发布版本，并在platforms/android/app/build/outputs/apk/release目录。- Android SDK：下载并安装最新版本的Android SDK，可以从https://developer.android.com/studio/index.html下载。一旦您满意您的应用程序，您可以将其打包并部署到应用商店。这将在您选择的平台上构建应用程序，并生成一个二进制文件，可以在相应的应用商店中发布或直接在设备上安装。

			
		

	





	

		

			

				
					
从ios角度Cordova类图及初始化和互调用流程

				
			

			

				

					技术之路
				

				

					08-16
					
					1416
					
				

			

		

		

			
				
1.Cordova类图 
2.插件管理及插件控制器基类 CDVViewController，插件管理数据结构@interface CDVViewController () 
...
@property (nonatomic, readwrite, strong) NSMutableDictionary* pluginObjects;
@property (nonatomic, readwrite,

			
		

	





	

		

			

				
					
 构建一个完整的Cordova应用

				
			

			

				

					weixin_34023863的博客
				

				

					12-23
					
					179
					
				

			

		

		

			
				
本文承接上篇《创建Cordova插件》，通过实现一个简单的应用作为这个Cordova初级系列的结束。
前边对Cordova编程已经讲了不少了，还没有拿真实应用为例完整的演练一遍构建过程。这里将用一个完整的应用为例从头到尾一步步的演示如何创建和测试应用。
关于示例应用
把所有的API集中在一个例子中展示是一个好办法。下面我们以实现一个指南针...

			
		

	





	

		

			

				
					
Cordova android框架详解

				
			

			

				

					qingfeng2556的博客
				

				

					08-05
					
					1318
					
				

			

		

		

			
				
Cordova android框架详解




转载自http://www.cnblogs.com/hubcarl/p/4202784.html
一、Cordova 核心java类说明
 
CordovaActivity：Cordova Activity入口，已实现PluginManager、WebView的相关初始化工作, 只需继承CordovaActivity实现自己的业务需求

			
		

	





	

		

			

				
					
XX程序媛学习笔记--Cordova(PhoneGap)Android Native混合开发值传递

				
			

			

				

					TTTPlusR
				

				

					09-10
					
					2486
					
				

			

		

		

			
				
本人只是菜鸡一枚，写博客只是为了做一下笔记，年纪大了。如果有说得不准确或者不好的地方请指出！！虚心请教大神指点。如果你觉得本文章太基础没什么意义，也给点掌声鼓励鼓励。
上一篇文章用cordova的plugin使得html可以调用Activity并且获取Activity回调的数据，前文连接：http://blog.csdn.net/tangjiarao/article/details/482888

			
		

	





	

		

			

				
					
cordova--入门  webview_url修改，打开web时跳出app

				
			

			

				

					Que_Li的博客
				

				

					11-16
					
					2424
					
				

			

		

		

			
				
若url为http打头的，需要做如下修改： 
 
修改web的网址： 
cordova初始化： 
安装cordova cli 
1、下载安装node.js（js的运行环境），安装时勾选npm（js包的管理工具）。 
2、下载安装git（配置好环境变量）。 
3、使用npm安装cordova。$ sudo npm install -g cordova创建app：$ cordova create hel

			
		

	





	

		

			

				
					
PhoneGap/Cordova环境配置与Eclipse HTML插件详解

				
			

			

				

					
				

			

		

		

			
				
 - **values**：与本地化相关的XML文件，存储键值对，如config.xml配置文件和AndroidManifest.xml，后者定义了应用的功能和权限。  接下来，文章指导读者如何在Eclipse中安装HTML编辑器插件，以便更有效地编写HTML和...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值
    

    

      
    

    

  
    
    
    
    
  
  
  
  
  
  
  
  
  
    
  
  
  
  
  
  
  
  
  >