使用DreamweaverCS6的PhoneGap功能構建jQuery Mobile


adobe官方Dreamweaver cs5.5教程:http://www.adobe.com/cn/devnet/dreamweaver/articles/phonegap-mobile-app-pt2.html 

本方是使用Dreamweaver CS6,官方教程:http://helpx.adobe.com/cn/dreamweaver/using/packaging-web-apps.html

一、使用Dreamweaver新建一個jquery mobile 移動站點

1.安裝DW CS6

2.下載Android SDK

3.配置PhoneGap

在菜單的站點”>“PhoneGap Build 服務”>“PhoneGap Build 設置 SDK的路徑(第二步中下載后的路徑)

      

3.新建DEMO

首先在菜單的站點 > 新建站點

然后新建index.html首頁文件

菜單文件 > 新建 選擇左邊的示例中的頁 -> 右側選擇 mobile 起始頁 -> jQueryMobile 本地 

 

新建好后保存文件,這個相關的資源會保存剛起的站點根本目下面,便於后面打包apk

這里點工具欄上的實時視圖就能看到頁面效果了。

到這一步就已經算是用Dreamweaver CS6新建好了一個DEMO,可以直接上傳到服務器通過URL訪問這個站點了。當然這樣並不是本文要講的APP方式。下面該PhoneGap出場了。

二、使用 PhoneGap Build 將 Web 應用程序作為本機移動應用程序進行打包

官方說明參考:http://helpx.adobe.com/cn/dreamweaver/using/packaging-web-apps.html

1.登陸PhoneGap

選擇“站點”>“PhoneGap Build 服務”>“PhoneGap Build 服務”

     

登陸成功后Dreamweaver 將 ProjectSettings 文件添加到站點的根中。此文件非常重要,因為 PhoneGap Build 服務將使用該文件跟蹤應用程序。Dreamweaver 還會將 config.xml 文件添加到站點的根中。雙擊此簡單的 XML 文件打開它.XML配置DOCS參考:https://build.phonegap.com/docs/config-xml

2.打包生成APK

選擇創建新項目后點繼續就會出現下面的打包界面。按鈕第一次可能是灰色的不能使用,先點一下重新生成,比如生成android的apk包,點重新生成后,點箭頭向下的按鈕就會另存為apk包了。前面向左的按鈕是會啟動android sdk里面的模擬器來運行DEMO.這里我是使用360手機助手安裝的,先啟動模擬器,手機插上電腦,雙擊生成的apk包,就會提示安裝。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM