phonegap for ios 建立、打包、運行詳細流程 黑餵狗


項目環境

xcode :

Version 4.6.1

ios os x :

版本 10.8.2

phonegap: 

PhoneGap 2.7.0


第一步 下載phonegap 

官網地址:http://phonegap.com/download/#  下載完成後解壓縮

找到 \phonegap-2.7.0\lib\ios 此文件夾裏包含的文件是創建ios項目必須的文件 其他無用

把文件夾粘貼到桌面備用

第二部  運行終端創建項目

1 啓動終端 (如果找不到,用control+空格 搜索“終端”);



2 更改當前目錄(圖中小房子 後面aa-aaa..爲計算機名字 是當前目錄)

命令代碼 cd  /users/+當前計算機用戶名 /+ ios文件夾下bin路徑 

簡便方法 打開剛纔準備到桌面的ios文件夾 找到裏面bin文件夾 終端輸入cd後 直接拖拽bin文件夾

會自動生成路徑

回車後改變當前目錄 下圖中已經變成bin目錄(窗體題目爲 文件夾圖標+bin)

 如圖


3 創建項目

使用bin文件夾下create命令創建

命令代碼  ./ctreate    /users+創建目錄  公司標識 項目名稱

如下圖



創建完成後找到創建的項目

我的項目創建到了桌面上


4 完善項目

打開創建的項目 找到 cordova


繼續使用終端命令 修改當前目錄爲 cordova

命令代碼 cd + 當前cordova目錄


回車後執行命令

在cordova當前目錄下 執行 ./bulid 命令


執行命令 需等待幾秒  這樣你的項目就完全創建成功

第三步  運行項目並修改成自己頁面

1 運行項目

打開項目當然是用xcode,前提是你的mac  已經下載安裝了xcode       點擊項目中 XXX.xcodeproj(xx就是你的項目名)

這時就會打開項目 來張全圖給你們


這時運行會沒有反應 還需要最後一步 修改編輯策劃

如圖


把Executable 修改成 projectname.app    (原來是none)



這樣之後 運行項目 他會自動啓動模擬器

有木有成功的畫面


2修改www目錄 換成自己的網頁

右鍵www 選擇show in Finder 就會進入www目錄


只要把www目錄下index.html替換成自己的就ok了

重新運行下項目



總結 

原來創建項目 用xcode直接創建phonegap項目 但2.幾以後改變了方式 必須用命令創建 雖然不方便 但是也算不難的

 phonegap 採用的是html技術 包括所謂的html5 和js 、css、jq mobile 等 常用web語言 ,如果項目中不涉及到太多的系統原生調用 本身提供的插件足以滿足一般項目

不管是android 還是 ios 瞭解這兩種語言都知道 webview控件 可以通過js和原生代碼交互 phonegap的插件只是封裝了一下  我們如果想使應用更加 豐富的功能 在phonegap

沒有提供的情況下,我們可以加入自己的插件 

接下來 我會簡單的做幾個插件 教大家如何擴展自己的插件


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章