1.安裝PhoneGap
直接下載的安裝包似乎不能使用命令行操作？我當(dāng)時反正是沒成功
首先進(jìn)入 https://nodejs.org/en/ 下載nodejs,這里有一個大眾版本和最新版本，下載大眾版本就行。
安裝完畢以后打開終端
npm install -g phonegap@latest
等待安裝完成
2.新建PhoneGap項目
安裝完畢后，cd到你想創(chuàng)建的目錄，比如手動創(chuàng)建一個PhoneGapDemo文件夾，cd進(jìn)去
phonegap create Demo com.demo.app Demo
如果你安裝的是Cordova就將命令中的phonegap換成cordova，
上述命令，第一個Demo表示這個程序的名字，同時會創(chuàng)建一個Demo目錄保存程序的代碼，第二個參數(shù)com.demo.app表示代碼中包的名字，第三個參數(shù)Demo表示創(chuàng)建的應(yīng)用的名字。
此時的目錄是.../PhoneGapDeme/Demo
Paste_Image.png
繼續(xù)，cd進(jìn)Demo文件夾后
phonegap platform add ios完成以后，目錄變?yōu)?br>
Paste_Image.png
3.已有項目集成
假如我現(xiàn)在有個項目，叫WeChat。
- 打開WeChat文件目錄
- 打開剛才新建的Demo，將Demo下的config.xml拷貝過去
- 進(jìn)入platforms/ios，將cordova和www文件夾拷貝過去
- 將cordovaLib文件夾下全部內(nèi)容拷貝過去
- 打開WeChat項目，Add Files添加CordovaLib.xcodeproj 和 config.xml
-
此時的結(jié)構(gòu)
Paste_Image.png -
選擇主項目，進(jìn)入Build Phases，在Target Dependencies 和Link Binary 中添加Cordova
Paste_Image.png - buiild stetings 的 otherLiner flags 添加
-all_load和-Objc
Paste_Image.png - 編譯一下，應(yīng)該能編譯成功，也可能會報找不到pch文件的錯誤什么的，去CordovaLib.xcodeproj 里設(shè)置一下pch的路徑就行了
-
#import "Cordova/CDVViewController.h"后，使用CDVViewController就可以了，但是此時是沒有資源文件的，所以還剩最后一步，添加資源 - 添加www文件夾，這里注意，不要直接Add Files添加，要拖進(jìn)去，并且Added folders要選擇
folder references，這樣添加進(jìn)去的文件夾是藍(lán)色的，此時運行，正常顯示
Paste_Image.png -
這里的www文件夾一定要是藍(lán)色的才可以，如果是黃色的文件夾，會提示找不到www里的index.html
Paste_Image.png
當(dāng)然這個www路徑和Index.html的名字什么的都可以去CordovaLib.xcodeproj中修改
- 以上完成以后，應(yīng)該就可以正常運行了，不會有異常，但是在 Archive 的時候，會提示找不到文件
Paste_Image.png
網(wǎng)上查了一下，有好多人有這個情況，解決辦法是 Header Search Path 加入
"$(OBJROOT)/UninstalledProducts/$(PLATFORM_NAME)/include"
這個方法似乎對大多數(shù)人都湊效了，然而，
并沒有什么卵用，還是報錯，最后終于找到一個大神的解決方法
在 Header Search Path 加入
"$(BUILT_PRODUCTS_DIR)" "$(OBJROOT)/UninstalledProducts/include" "$(TARGET_BUILD_DIR)/usr/local/lib/include”
解決。
