OpenSTF #3

오늘은 openstf ui를 변경하고 build하는 방법에 대해서 작성해보겠습니다.

 

사전조건

openstf 설치가 다끝나고 정상적으로 실행되고 있는 상태

이전까지는 npm install을 통해서 stf 관련 module설치 및 실행을 진행했습니다.

하지만, 개발을 하기 위해서는 npm이 아닌 git에서 받는 파일이 필요합니다.

 

설치 방법

git 에서 프로젝트를 다운로드 받습니다.

cd [다운 받을 경로]

git clone github.com/DeviceFarmer/stf.git

 

다운로드 완료되었다면, sudo 가 아닌 npm을 통해서 node_module을 설치하겠습니다.

npm install

npm link 실행

 

EACESS permission error  발생

저는 mkdir, rmdir, access 할때 해당 에러가 발생했습니다.

이런 경우에는 해당 폴더의 권한을 현재 사용자로 바꿔줘야합니다.

chown -R $(whoami) [변경할 폴더 디렉토리]

이런식으로요 :) 

 

여기까지 진행이 완료되었다면, ubuntu 기준으로

/usr/local/lib/node_modules/@devicefarmer/stf 폴더에 제가 git 에서 받은 프로젝트가 들어가있음을 볼 수 있습니다.

 

node-sass directory 에러 발생

이는 패키지 설치 이후 node-sass 의 script/install.js 를 실행하지 않아서 발생하는 에러입니다.

 

symlink 에러가 발생하는 경우

npm install -g 를 했을 경우 설치되는 기본 폴더에 접근권한이 없어서 발생했었습니다. 

저는 기본 폴더 변경으로 오류를 해결했습니다.

 

기본 폴더 위치 변경 (현재 user가 접근할 수 있는 디렉토리여야함)

npm config set prefix /usr/local

 

sudo vim ~/.profile 실행하여 아래 한 문장을 추가합니다.

export PATH=/usr/local/bin:$PATH

 

마지막으로 해당 내용으로 업데이트 합니다.

source ~/.profile

 

websocket 에러

centos 에서 환경을 구성했을 경우 nodejs 버전문제로 인해 발생할 수 있습니다.

기설치된 nodejs가 있을 경우 버전 변경을 아래와 같이 진행합니다.

 

캐시삭제

sudo npm cache clean -f

 

n 모듈 설치

sudo npm install -g n

 

n 모듈 이용하여 8.16.1 버전의 nodejs 설치

sudo n 8.16.1

 

노드버전 확인

node -v

 

일부 기능을 수정했을 경우, build를 다시 실행해야할 수 있습니다. 

gulp clean (build 된 파일을 삭제함)

stf local (자동 재빌드를 수행함)

 

이상으로 stf UI변경 및 기능 변경하는 방식에 대해 알아보았습니다.

 

현재 실행으론 앱을 설치한 이후에 재접속하면 이 앱은 삭제됩니다.

하지만, 삭제되지 않게 하려면 옵션을 추가하면 됩니다.

--no-cleanup

 

감사합니다.