日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時間:8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
跨平臺開發(fā):初探PhoneGap移動開發(fā)框架

隨著Google的Android手機和蘋果的iPhone手機的逐漸普及,越來越多開發(fā)者加入到移動應(yīng)用開發(fā)的大軍當(dāng)中。目前移動終端中的冠亞軍Android,應(yīng)用是基于Java語言基礎(chǔ)上進行開發(fā)的;而蘋果公司的iPhone則是基于C語言開發(fā)的。如果開發(fā)者編寫的應(yīng)用需要同時在不同的移動設(shè)備上運行的話,則必須要掌握多種開發(fā)語言,這已經(jīng)成為開發(fā)團隊的一大難題,在專訪國內(nèi)著名移動軟件尚郵的首席架構(gòu)師時也提到過跨平臺軟件開發(fā)的困難。而為了進一步簡化移動應(yīng)用的編程,很多公司推出解決方案,Adobe推出的“AIR for Android”,使Flash為Android開發(fā)本地應(yīng)用成為可能。而Nitobi公司推也出了一套開源的移動應(yīng)用解決方案PhoneGap。

創(chuàng)新互聯(lián)公司從2013年成立,是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司,擁有項目網(wǎng)站設(shè)計制作、成都網(wǎng)站建設(shè)網(wǎng)站策劃,項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命,1280元塔什庫爾干塔吉克做網(wǎng)站,已為上家服務(wù),為塔什庫爾干塔吉克各地企業(yè)和個人服務(wù),聯(lián)系電話:18980820575

移動開發(fā)推薦PhoneGap專題

PhoneGap是一款開源的手機應(yīng)用開發(fā)平臺,它僅僅只用HTML和JavaScript語言就可以制作出能在多個移動設(shè)備上運行的應(yīng)用。PhoneGap將移動設(shè)備本身提供的復(fù)雜的API進行了抽象和簡化,提供了一系列豐富的API供開發(fā)者調(diào)用,只要你會HTML和Javascript或者Java語言,就可以利用PhoneGap提供的API去調(diào)用各種功能,PhoneGap就能讓你可以制作出在各種手機平臺上運行的應(yīng)用,這對移動應(yīng)用開發(fā)者來說無疑是個福音。 目前,PhoneGap已實現(xiàn)對iPhone/ipad、Android、Symbian,Palm、黑莓各版本絕大部分功能的支持,其中官方文檔中對其支持的詳細說明如下圖所示:

在本文中,將以一個簡單的能在Android平臺上運行的HelloWorld的示例,講解如何安裝PhoneGap的開發(fā)框架并配合Eclipse進行開發(fā)的過程。

基于Android SDK安裝PhoneGap框架

首先,要明白一點,就是要利用PhoneGap框架開發(fā)移動應(yīng)用時,也是必須在開發(fā)環(huán)境上安裝對應(yīng)移動設(shè)備應(yīng)用的SDK的。比如你要開發(fā)一個運行在Android上的應(yīng)用,則必須安裝 Android的SDK包,開發(fā)iPhone應(yīng)用,就要安裝iPhone sdk。本文將介紹如何安裝基于Android SDK下安裝PhoneGap。

無論是開發(fā)基于哪種平臺的移動應(yīng)用,首先要到PhoneGap的官方網(wǎng)站下載

PhoneGap包(下載地址)。目前最新的版本是0.9.1,下載之后,解壓縮后,會發(fā)現(xiàn)如下圖所示的若干個文件夾:

這里,由于我們是構(gòu)建Android應(yīng)用,因此只有phonegap-android對我們是有用的。

由于PhoneGap是通過Ruby語言以及所開發(fā)的目標(biāo)移動設(shè)備的SDK一起搭配工作的,因此除了下載PhoneGap外,開發(fā)者還必須安裝如下的軟件(以Android為例)

◆Android SDK,建議安裝最新的版本,比如Android 2.1或者2.2

◆Eclipse IDE

◆Apache Ant 1.8.1

◆JDK 1.5以上

◆Android 的Eclipse開發(fā)插件ADT

◆Ruby 1.9.1,建議到官網(wǎng)直接下載1.9.1的版本直接安裝。

此外,我們還要對windows下的運行環(huán)境變量進行設(shè)置。首先我們到控制面板-系統(tǒng)-環(huán)境變量中,增加如下幾個系統(tǒng)環(huán)境變量。

◆JAVA_HOME:指向所安裝的JDK的目錄,比如c:\jdk15

◆ANT_HOME:指向所安裝的Apache_ANT目錄,比如d:\ant

◆ANDROID_HOME;指向所安裝的Android SDK目錄,比如d:\androidsdk

對Path進行設(shè)置,分別將ruby,jdk,android sdk,ant加入到原有的path中,如:

 
 
 
 
  1. c:\ruby\bin;c:\jdk15\bin;d:\ant\bin;d:\androidsdk\tools  
  2.  

其中,下載Ruby 1.9.1的Windows版本后,直接選擇安裝到指定目錄即可。

在完成上面的這些工作后,我們接下來就通過PhoneGap框架的腳手架功能,快速生成一個android的原型程序。

#p#

通過PhoneGap生成基于Android的原型程序

1 進入PhoneGap-Android目錄,并進入MS-DOS方式,在命令行下,按如下格式執(zhí)行該命令:

 
 
 
 
  1. ruby bin/droidgap "[android_sdk_path]" [name] [package_name] "[www]" "[path]"  
  2.  

上述參數(shù)說明如下:

其中android_sdk_path指定了android sdk的安裝位置,比如:

d:/androidsdk,注意這里不要寫成“\”,應(yīng)該是“/”作為分隔符。

Name:要生成的android應(yīng)用的名字。

Package_name:生成的android應(yīng)用中源代碼中的包名,注意必須至少有一層的包關(guān)系,即com.XXXX的形式。

WWW:這里指應(yīng)用中存放HTML,Javascipt,CSS的位置目錄名稱。

PATH:這里指通過PhoneGap生成的項目原型工程的目錄位置,注意的是,該目錄位置不能指定為eclipse的workspace工作空間內(nèi)。

下面是一個例子:

 
 
 
 
  1. ruby bin/droidgap “d:/androidsdk” HelloWorldGap com.phonegap www  
  2.   “d:/HelloWorldGap”  
  3.  

運行上述命令后,會發(fā)現(xiàn)在D盤會生成一個HelloWolrdGap的工程目錄,phonegap已經(jīng)為我們生成了項目的框架了。

將工程導(dǎo)入到Eclipse中

如果安裝了Android for eclipse的插件ADT后,我們可以將PhoneGap生成的工程導(dǎo)入到Eclipse中去。首先我們打開Eclipse,新建一個Android Project,如下圖

其中輸入Project name的名稱為HelloGapAndroid,其中在Create project from existing source中選擇上文中用PhoneGap生成的項目的目錄。之后在Eclipse中則會看到如下結(jié)構(gòu)的

可以看到其中assets下的www目錄存放了工程中需要用到的HTML、Javascript和CSS文件。此外,還要確認工程的lib目錄下面,存在phonegap.jar文件。

接下來我們試著運行下這個工程,會在模擬器中看到如下效果:

運行的結(jié)果是顯示了PhoneGap中默認顯示的index.html頁面,其中演示了其中的一些功能,大家可以嘗試去試驗一下。

#p#

編寫HelloWorld程序

接下來,我們來在此基礎(chǔ)上編寫HelloWorld程序。我們切換到index.html中去,在代碼模式下,刪除原來phonegap生成的代碼,寫入如下代碼:

 
 
 
 
  1. >    
  2.     
  3.         
  4.               
  5.     PhoneGap Android App title>    </li> <li>             <footer> <div class="friendship-link"> <p>感谢您访问我们的网站,您可能还对以下资源感兴趣:</p> <a href="http://www.5511xx.com/" title="日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区">日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区</a> <div class="friend-links"> <a href="http://www.9iban.com">久久精品无码av|一级中文无码免费观看|日韩欧美黄片手机版|人妻激情视频成人无码aaa|美女一级黄色毛片|国产aa黄片亚洲破处片|黄色A极大片特级a黄片|综合精品一区二区三区四区在线|国产精品不卡无码av在线播放|超碰亚洲在线日韩肏屄</a> <a href="http://www.datumvisio.com">91AV乱伦强奸|国产理伦电影尤物导航|在线观看高清无码黄片|特黄色电影特级毛片|亚洲精品av一区二区三区|91AV无码免费|久久嫩草国产亚洲无码网站|国产91极度丝袜|青青草在线视频免费观看|黄色av网五月天</a> <a href="http://www.jiangrensw.com">在线视频一本一区|91在线免费视频网站|国产视频在线观看91|A片在线观看视频直接观看|在线免费A片黄色电影|美女视频图片永久免费观看|青青色在线观看视频网站|日本欧美视频在线看v片成人|色情性黄?片免费视频中国免费的|国产一线二线三黄色片</a> </div> </div> </footer> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body>