Ⅰ 如何用PhoneGap打包基於android的WebApp
步驟如下:
在Android上,我們可以基於android.webkit.WebView作為應用的main view來產生一個應用程序,並讓此WebView在應用啟動時載入指定的網頁,這樣就構建了一個基於Android的WebApp。
對於Android, Sencha的phonegap也是基於此方法對網頁程序進行打包的,下載phonegap後,其主要包括二個文件:
1、phonegap.0.9.4.jar
此jar文件中包含了類DroidGap,其對Activity及WebView進行了適當的封裝,可以讓用戶更方便地進行打包。
更主要的功能是能實現的多個Webkit的plugin, 通過這些plugin可以在javascript中直接調用android的一些系統功能,比如得到設備的信息如屏幕大小,系統版本號等,還有打電話,發送簡訊,寫本地文件等一系列功能。
2、phonegap.0.9.4.js
此js文件作了更高層次的封裝,以便於在javascript中更方便地調用所增加的plugin的功能。比如在js中直接調用:
navigator.notification.vibrate(0)可以直接讓手機進行振動
而navigator.notification.beep(2)可以讓手機Beep二聲
以下嘗試一個最簡單的例子(也可以參見phonegap中自帶的一個例子):
(1)java源代碼文件: Sample.java
packagecom.phonegap.Sample; importandroid.app.Activity; importandroid.os.Bundle; importcom.phonegap.*; { @Override publicvoidonCreate(BundlesavedInstanceState) { super.onCreate(savedInstanceState); super.loadUrl("file:///android_asset/www/index.html"); } }
(2)網頁代碼: index.html
<!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"> <scripttype="text/javascript"charset="utf-8"src="phonegap.0.9.4.js"></script><title>Test</title></head><body><ahref="javascript:navigator.notification.alert('hello');">clickme</a></body></html>
把此文件放置在工程的assets/www/目錄下,如果網頁代碼中包含了其它的目錄,則一並放置在這一目錄下。
(3)在工程中加入庫phonegap.0.9.4.jar的引用
編譯運行並點擊頁面中click me鏈接時,可以見到以下畫面:
注意:
(1)phonegap.0.9.4.jar中提供了很多的plugin, 上面的示常式序只調用了navigator.notification.alert, 如需要調用其它功能,則需要在android工程的Manifest.xml中加入這個功能permission聲明:
<uses-permissionandroid:name="android.permission.CAMERA"/><uses-permissionandroid:name="android.permission.VIBRATE"/><uses-permissionandroid:name="android.permission.ACCESS_COARSE_LOCATION"/><uses-permissionandroid:name="android.permission.ACCESS_FINE_LOCATION"/><uses-permissionandroid:name="android.permission.ACCESS_LOCATION_EXTRA_COMMANDS"/><uses-permissionandroid:name="android.permission.READ_PHONE_STATE"/><uses-permissionandroid:name="android.permission.INTERNET"/><uses-permissionandroid:name="android.permission.RECEIVE_SMS"/><uses-permissionandroid:name="android.permission.RECORD_AUDIO"/><uses-permissionandroid:name="android.permission.MODIFY_AUDIO_SETTINGS"/><uses-permissionandroid:name="android.permission.READ_CONTACTS"/><uses-permissionandroid:name="android.permission.WRITE_CONTACTS"/> <uses-permissionandroid:name="android.permission.WRITE_EXTERNAL_STORAGE"/> <uses-permissionandroid:name="android.permission.ACCESS_NETWORK_STATE"/>
(2)在此可下載完整的工程文件,此例子基於phonegap自帶的一個例子,但只保留了最少的部分。
Ⅱ 求助phonegap高手,phonegap3.4在mac10.9.1下編譯出錯的問題
樓主你好,我也遇到這個問題了,後來看了些資料,最終解決方案如下: 進入「C:\Windows\System32」,找到cmd.exe,以管理員運行,這樣就會安裝成功不會再報錯。我也是遇到errno -4048,然後解決的。
Ⅲ 求教phoneGap怎麼獲取 安卓6.0以上的mac地址
如果你做的是android的應用,使用了webview,IMEI還是可以獲取的。使用addJavascriptInterface(object,"test");可以用來讓web中的js調用本地Java對象,而獲取的IMEI可以在這個本地Java對象中實現。試試搜一下androidwebviewjs調用本地java,androidjsjava交互等關鍵詞。
Ⅳ phonegap與cordova跨平台移動app的布局怎麼編輯
1、第一步,要先建立一個支持PhoneGap(Cordova)的android工程
因為這個插件本質上是安卓插件,用於PhoneGap,因此,要二者支持才行,所以我們要建立一個支持PhoneGap(Cordova)的android工程,插件在這個工程裡面編寫。
我們採用cordova cli來進行工程創建。這樣會比較方便。否則要先創建安卓工程,然後手動將cordova的東西拷到工程文件夾內,還要修改代碼,麻煩得很。
1)先創建一個cordova項目
在命令行方式下:
[plain] view
plainprint?
cordova create hello com.example.test HelloWorld
cordova create hello com.example.test HelloWorld
這樣就在當前路徑,創建了一個名為hello的文件夾,裡面是cordova的各種文件
2)設置cordova支持android平台
在命令行方式下:
[plain] view
plainprint?
cd hello
cordova platform add android
cd hello
cordova platform add android
這樣在hello\platforms文件夾下,多了一個android子目錄,這個就是我們要的支持phoegap的安卓工程了,插件可以在這個工程裡面編寫。
2、編寫插件
1)Hello.java
用eclipse打開該工程
在src下新建包及class
Hello.java:
2)config.xml
修改res/xml/config.xml
在節點<widget>里加入:
[html] view
plainprint?
<feature name="Hello">
<param name="android-package" value="com.example.test.plugin.Hello" />
</feature>
3、調用插件
調用是javascript唱獨角戲。
1)添加 js/plugin.js
var helloPlugin = {
say: function(successCallback, errorCallback) {
cordova.exec(
successCallback, // success callback function
errorCallback, // error callback function
'Hello', // mapped to our native java class called "CalendarPlugin"
'sayHello', // with this action name
[] // and this array of custom arguments to create our entry
);
}
}
2)修改js/index.js
修改部分主要在結尾部分
3)修改首頁index.html
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/plugin.js"></script>
<script type="text/javascript">
app.initialize();
</script>
至此,我們就完成了一個for phonegap的安卓插件的編寫和調用過程。
按道理,插件應該獨立於具體工程,可以供多個工程調用,但本示例是插件直接寫於工程內。獨立的方式,我還不知道怎麼寫。
Ⅳ mac 怎麼開發phonegap
使用PhoneGap搭建Android開發的項目整體步驟如下:
1安裝java環境。
2安裝ant構建工具。
3安裝android的開發環境並配置環境變數。
4安裝Node.js環境並配置環境變數。
5安裝git
6使用npm安裝PhoneGap全局環境。
7使用PhoneGap命令創建PhoneGap項目。
8將PhoneGap編譯為android項目。
9將上述項目導入ADT進行後續開發。
10安裝.apk文件
其實官網給出的安裝過程忽略了很多步驟(因為這里是Andriod環境,所以才會比官網的例子多出不少步驟),下面就詳細講解這些步驟,並最終生成apk文件。
1安裝Java環境
需要強調的是安裝java的環境要和後面下載andriod開發環境一致,不然會報錯,要保證都是32位或64位,否則運行不成功。
2配置java環境
3安裝Ant構建工具
Adobe將PhoneGap已經放到Apache名下進行開源,並且還改了個名字,ant可以apache下的構建工具,所以需要先安裝ant才可以,安裝過程其實非常簡單,第一個就是下載,選擇適合自己的版本。
Ⅵ phonegap+Android寫了原生態的引導頁,在退出的時候。。
自定義一個java函數, JS調用自定義的java函數。。這個java函數中,關鍵代碼是:System.exit(0);
Ⅶ 如何使用PhoneGap打包Web App-Android
使用PhoneGap搭建Android開發的項目整體步驟如下:
安裝java環境。
安裝ant構建工具。
安裝android的開發環境並配置環境變數。
安裝Node.js環境並配置環境變數。
安裝git
使用npm安裝PhoneGap全局環境。
使用PhoneGap命令創建PhoneGap項目。
將PhoneGap編譯為android項目。
將上述項目導入ADT進行後續開發。
安裝.apk文件
其實官網給出的安裝過程忽略了很多步驟(因為這里是Andriod環境,所以才會比官網的例子多出不少步驟),像我這種前端開發人員,電腦里可是連java都沒裝的,下面就詳細講解這些步驟,並最終生成apk文件。
Ⅷ phonegap3.0在命令行下運行phonegap run android後,如何選擇本地設備
phonegap環境配置比較復雜,建議你下載phonegap3.0的zip包後解壓縮,裡面有android的事例源代碼,用ADT打開然後在示例代碼裡面修改就可以了,手機連接的話要確認手機與ADT連接的埠沒有被佔用,建議用豌豆莢臉上手機後run az android application,然後就可以選擇在你的手機上運行啦
Ⅸ 如何利用PhoneGap製作地圖APP
一、安裝平台
PhoneGap支持5種平台,IOS,安卓,黑莓,WebOS,塞班。
我們下面以IOS為例,開發一個定位的APP。
1、下載xCode
注意看清楚,獅子系統和雪豹系統的安裝程序是不一樣的。
a.可以到蘋果應用商店app store上下載,不過速度非常的慢,一通宵都下載不到20%……優點是免費。
b.也可以到macx上下載,速度快,非會員收費。
c.其實也可以找有安裝程序的人拷貝,速度快,也免費……
2、下載PhoneGap
到官網上下載,免費的,
二、項目配置
1、啟動xCode,在菜單那裡選擇「create a new xcode project」
2、從模板列表裡選擇「phonegap-based application」,然後next
3、輸入公司名稱、項目名稱
4、選擇儲存目錄。
我一般就放到桌面上,哈哈。
5、右鍵單擊(觸控板2個手指按)項目左側的導航窗口,點擊「show in Finder」。
6、找到www文件夾。
7、把www文件夾拖動到藍色項目條上
8、把你的地圖htm文件拷貝到index.html裡面。點擊運行,就OK啦~
Ⅹ 求教phoneGap怎麼獲取 安卓6.0以上的mac地址
gethostname獲取本機名字,gethostbyname通過前面的名字獲取主機具體信息,包括IP地址。
MAC地址可以用Netbios,以上用到的函數都是WIN32API,具體代碼請留聯系方式(email或者企鵝)也可以自己網路有現成的VB代碼