Newbe.Pct-開發環境準備
- 2020 年 3 月 16 日
- 筆記
本文將介紹使用Newbe.Pct項目所需要的環境準備工作。本篇作為啟動項目的基本篇是必不可少的。但是，假如讀者希望先了解本項目的功能效果，讀者可以先閱讀《Newbe.Pct 開始使用)》
作業系統
本項目基於Java與NodeJs運行。因此，正常在能夠正常運行Java與NodeJs的作業系統，都可以作為開發或運行用的作業系統。
本系列文章採用 Windows 10 專業版 Build 17134作為演示作業系統。
正常，在Mac和Linux作業系統上也同樣能夠實現本系列文章所述內容。需要讀者自行嘗試。
以下所有步驟均要按順序執行安裝，若前一步沒有成功，則下一步通常也不會成功。
瀏覽器
本項目原理上支援 Chrome、Firefox 和 IE 瀏覽器。本系列文章主要圍繞 Chrome 瀏覽器相關的內容進行描述。
因此，讀者需要從以下鏈接下載和安裝 Chrome 瀏覽器：
Java
關於Java的版本，本項目要求 Java7+ 。
Java環境的安裝，可以參考以下文章：
http://www.runoob.com/java/java-environment-setup.html
對於初學者需要特別注意的是：以上鏈接中提到了Java的開發環境和IDE的安裝。
其中IDE的安裝是本項目所不需要的，注意甄別。
作者編寫此文章時，所使用的Java版本為 x64 1.8.0_112。建議至少安裝同版本或更高版本以便能夠正常運行示例中的內容。
NodeJs
關於Java的版本，本項目要求 NodeJs 8+ 。
NodeJs環境的安裝，可以參考以下文章：
http://www.runoob.com/nodejs/nodejs-install-setup.html
作者編寫此文章時，所使用的NodeJs版本為 x64 10.13.0。建議至少安裝同版本或更高版本以便能夠正常運行示例中的內容。
安裝與設置 webdriver-manager
webdriver-manager 作為本項目的瀏覽器驅動引擎，是非常關鍵的一項內容。
以下，詳細敘述一下安裝步驟。
安裝 webdriver-manager
打開 控制台（或 Teminal ）, 在控制台中輸入以下命令
npm install -g webdriver-manager
若安裝之後，介面上沒有任何明顯的錯誤提示，則說明安裝成功。
在線初始化 webdriver-manager
打開 控制台（或 Teminal ）, 在控制台中輸入以下命令
webdriver-manager status
將會輸出類似以下內容
C:Usersnewbe36524>webdriver-manager status webdriver-manager: using global installed version 12.1.0 [18:19:53] W/status - the out_dir path C:Usersnewbe36524AppDataRoamingnpmnode_moduleswebdriver-managerselenium does not exist
此內容表示當前 webdriver-manager 還未安裝任何瀏覽器自動化驅動。
在控制台中輸入以下命令
webdriver-manager update
值得注意的是，該步驟需要從googleapis.com網站下載文件。由於眾所周知的原因，在大陸訪問該站點時，會出現無法下載的情況，導致這一步失敗。因此，通過以下命令設置網路代理，以實現加速下載
webdriver-manager update --proxy=http://127.0.0.1:1080
離線初始化 webdriver-manager
若讀者在無法正常使用在線方案實現初始化 webdriver-manager ，這裡同樣提供離線方案。
通過下面鏈接下載已經下載好的壓縮包
https://pan.baidu.com/s/1tSI3MzbhNxaEmk0DtYXRuw
運行以下命令獲取npm包安裝位置
npm root -g
假設，獲取到的路徑是 C:UsersnewbeAppDataRoamingnpmnode_modules，則將壓縮包的內容解壓到 C:UsersnewbeAppDataRoamingnpmnode_moduleswebdriver-managerselenium 文件夾。注意，如果 selenium 文件夾不存在，可以手動創建。
確認 webdriver-manager 安裝效果
運行以下命令獲取npm包安裝位置
webdriver-manager status
若得到類似以下結果，則說明安裝成功。
webdriver-manager: using global installed version 12.1.0 [19:58:24] I/status - selenium standalone version available: 3.141.59 [19:58:24] I/status - chromedriver version available: 2.44 [19:58:24] I/status - geckodriver version available: v0.23.0 [19:58:24] I/status - IEDriverServer is not present [19:58:24] I/status - android-sdk is not present [19:58:24] I/status - appium is not present
可以通過以下命令啟動 webdriver-manager
webdriver-manager start
若得到以下資訊，則說明以上安裝的內容全部已經成功。
webdriver-manager: using global installed version 12.1.0 [20:00:19] I/start - java -Dwebdriver.chrome.driver=C:UsersnewbeAppDataRoamingnpmnode_moduleswebdriver-managerseleniumchromedriver_2.44.exe -Dwebdriver.gecko.driver=C:UsersnewbeAppDataRoamingnpmnode_moduleswebdriver-managerseleniumgeckodriver-v0.23.0.exe -jar C:UsersnewbeAppDataRoamingnpmnode_moduleswebdriver-managerseleniumselenium-server-standalone-3.141.59.jar -port 4444 [20:00:19] I/start - seleniumProcess.pid: 7936 20:00:19.750 INFO [GridLauncherV3.parse] - Selenium server version: 3.141.59, revision: e82be7d358 20:00:19.829 INFO [GridLauncherV3.lambda$buildLaunchers$3] - Launching a standalone Selenium Server on port 4444 2018-12-04 20:00:19.867:INFO::main: Logging initialized @330ms to org.seleniumhq.jetty9.util.log.StdErrLog 20:00:20.035 INFO [WebDriverServlet.<init>] - Initialising WebDriverServlet 20:00:20.541 INFO [SeleniumServer.boot] - Selenium Server is up and running on port 4444
至此，安裝 webdriver-manager 的步驟就完畢了。詳細的使用方法，在後續的文章中將會介紹。
讀者可以直接關閉以上運行的 webdriver-manager 。
安裝 typescript
打開 控制台（或 Teminal ）, 在控制台中輸入以下命令
npm install typescript -g
等待成功安裝完畢即可。
IDE
本項目涉及 protractor、cucumber和typescript。作者更加偏向於使用WebStorm作為開發IDE。
可以點擊以下鏈接下載安裝 WebStorm :
https://www.jetbrains.com/webstorm/
開發者也可以根據自己的習慣選用相應的IDE並配合相應的插件實現相應的效果。
完成
至此關於 Newbe.Pct 相關的環境初始化內容都說明完畢了。
