Cordova 快速入門記錄

標籤：

本篇文章由：http://xinpure.com/cordova-quick-start-recording/

記一筆

Cordova 官網入門文檔 Get Started Fast，言簡意該、通俗易懂。

在此僅記錄過程及安裝時遇到的問題，做個紀念什麼的也好。

開始使用

完全就是根據官方文檔，敲敲命令而已

安裝 Cordova

xinpureZhu:cordova xinpure$ sudo npm install -g cordova

建立項目

xinpureZhu:cordova xinpure$ cordova create MyAppCreating a new cordova project.

添加平台支援

Cordova 現支援的平台 amazon-fireos, android, blackberry10, browser, firefoxos, ios, osx, webos

這裡便隨著文檔，選擇了 browser

xinpureZhu:cordova xinpure$ cd MyApp/xinpureZhu:MyApp xinpure$ lsconfig.xml  hooks       platforms   plugins     wwwxinpureZhu:MyApp xinpure$ cordova platformInstalled platforms:Available platforms: amazon-fireos, android, blackberry10, browser, firefoxos, ios, osx, webosxinpureZhu:MyApp xinpure$ cordova platform add browserAdding browser project...Creating Browser project. Path: platforms/browserDiscovered plugin "cordova-plugin-whitelist" in config.xml. Installing to the projectFetching plugin "[email protected]" via npmInstalling "cordova-plugin-whitelist" for browser

啟動 App

xinpureZhu:MyApp xinpure$ cordova run browserRunning command: /Project/cordova/MyApp/platforms/browser/cordova/runStatic file server running on port 8000 (i.e. http://localhost:8000)CTRL + C to shut downStatic file server running @ http://localhost:8000/index.htmlCTRL + C to shut downExecuting command: open -n -a "Google Chrome" --args --user-data-dir=/tmp/temp_chrome_user_data_dir_for_cordova http://localhost:8000/index.html

到此，Cordova 快速入門便結束了，確實比較簡單的

為項目添加 ios 平台支援

WebApp 當然還是要在手機上跑起來才到位，這裡使用 ios 嘗嘗鮮

為項目添加ios平台

xinpureZhu:MyApp xinpure$ cordova platform add iosAdding ios project...iOS project created with [email protected]Installing "cordova-plugin-whitelist" for ios

以新平台啟動App

xinpureZhu:MyApp xinpure$ cordova run iosRunning command: /Project/cordova/MyApp/platforms/ios/cordova/runios-sim was not found. Please download, build and install version 3.0.0 or greater from https://github.com/phonegap/ios-sim into your path, or do ‘npm install -g ios-sim‘ERROR running one or more of the platforms: Error: /Project/cordova/MyApp/platforms/ios/cordova/run: Command failed with exit code 2You may not have the required environment or OS to run this project

執行命令終於不是那麼順暢了，缺少 ios-sim 模組 (解決方案已清楚的提示，所以也不算是問題啦)

按提示執行命令：

xinpureZhu:MyApp xinpure$ sudo npm install -g ios-sim

安裝完成後再重新執行啟動命令：

xinpureZhu:MyApp xinpure$ cordova run iosRunning command: /Project/cordova/MyApp/platforms/ios/cordova/runsimctl was not found.Check that you have Xcode 6.x installed:    xcodebuild --versionCheck that you have Xcode 6.x selected:    xcode-select --print-pathERROR running one or more of the platforms: Error: /Project/cordova/MyApp/platforms/ios/cordova/run: Command failed with exit code 2You may not have the required environment or OS to run this project

好吧，看到這個錯誤提示，我的內心是茫然的。

我使用的是 Mac OS X EI Capitan, Xcode 也更新到了 7.0.1, 何故如此？

再次 查看文檔後發現不同於 bowser 平台，ios平台需要先 build

其實之前也看到過 build 這一操作，但是思維定勢，想當然的以為 cordova run 會同時執行 cordova build，然而並不是。

Build App

xinpureZhu:MyApp xinpure$ cordova platform lsInstalled platforms: browser 4.0.0, ios 3.9.1Available platforms: amazon-fireos, android, blackberry10, firefoxos, osx, webosxinpureZhu:MyApp xinpure$ cordova build ios...此處省略一連串 Build 資訊..** BUILD SUCCEEDED **

出現了 SUCCEEDED 顯然已經成功了

使用模擬器啟動 App

xinpureZhu:MyApp xinpure$ cordova emulate ios

此處依然省略大量, 啟動時的編譯資訊。啟動成功也會 SUCCEEDED 提示，同時 Xcode 模擬器也會啟動並開啟 App

總結

雖然官方已經提供了詳細的說明文檔，文檔也簡單易懂，但是不管多簡單還是要親自動手敲敲命令，說不定就會出現一些意想不到的問題。

Cordova 快速入門記錄