主要介紹如何在Mac上搭建Macaca茸俭,包括準(zhǔn)備粘都、安裝和運(yùn)行不跟。
一、基礎(chǔ)環(huán)境
1励堡、安裝brew:
ruby?e"ruby?e"(curl -fsSL?https://raw.githubusercontent.com/Homebrew/install/master/install)"
檢查是否安裝成功:$ brew -v
2谷丸、安裝Node.js和npm:
$ brew install node
檢查Node.js是否安裝成功:$ node -v
檢查npm是否安裝成功:$ npm -v
二、安裝Macaca
1应结、安裝命令行工具:
$ npm i -g macaca-cli
2刨疼、安裝驅(qū)動(dòng):
安裝Electron驅(qū)動(dòng):$ npm i macaca-electron -g
安裝Chrome驅(qū)動(dòng):$ npm i macaca-chrome -g
安裝Android驅(qū)動(dòng):$ npm i macaca-android -g
安裝iOS驅(qū)動(dòng):$ npm i macaca-ios -g
驅(qū)動(dòng)根據(jù)對(duì)應(yīng)的平臺(tái)選擇安裝相應(yīng)的程序,若測(cè)試Android和iOS應(yīng)用鹅龄,還需另外安裝相應(yīng)的環(huán)境揩慕,分別見附錄A和附錄B。
3扮休、環(huán)境檢查
$ macaca doctor
可以看到Android和iOS驅(qū)動(dòng)紅色字體顯示迎卤,提示版本過舊,這時(shí)可以輸入命令升級(jí)版本重新安裝玷坠,安裝后重新檢查環(huán)境蜗搔,全部綠色,即環(huán)境配置成功八堡。
三樟凄、執(zhí)行用例
1、下載案例:
$ git clone?https://github.com/macaca-sample/mobile-app-sample-nodejs.git?--depth=1
2兄渺、下載后缝龄,進(jìn)入macaca-test-sample目錄,安裝項(xiàng)目依賴:
$ npm i
3、運(yùn)行用例:
$ macaca run --verbose
至此環(huán)境搭建成功叔壤,且能運(yùn)行一個(gè)完整的用例瞎饲。
四、遇到的坑
1百新、Electron找不到path.txt的解決方法
$ cd node_modules/electron-prebuilt && node install.js
2企软、由于網(wǎng)絡(luò)原因引起的資源下載和安裝失敗,可以切換切換成淘寶源
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
附錄A饭望、Android環(huán)境
1、安裝JDK并配置環(huán)境變量
下載mac版的JDK并安裝:http://www.oracle.com/technetwork/java/javase/downloads/index.html
.bash_profile中設(shè)置JAVA_HOME
檢查是否安裝成功:$ java -version
2形庭、安裝Android-SDK并配置環(huán)境變量
安裝Android-SDK:$ brew install android-sdk
.bash_profile中設(shè)置ANDROID_HOME
附錄B铅辞、安裝iOS環(huán)境
1、安裝xcode8或者更高版本
下載xcode并安裝:https://developer.apple.com/xcode/downloads/
2萨醒、安裝 usbmuxd 以便于通過 USB 通道測(cè)試 iOS 真機(jī)斟珊,不需要測(cè)試真機(jī)則不用安裝
$ brew install usbmuxd
3、應(yīng)用中如含有 WebView富纸,安裝 ios-webkit-debug-proxy
$ brew install ios-webkit-debug-proxy?