서버리스 웹 앱 개발을 위한 Cloud9 환경 구축

이 기사는 서버리스 웹 앱 Mosaic 를 개발하여 얻은 지식을 되돌아보고 정착시키기 위한 핸즈온 기사 중 하나입니다.

소개

Cloud9로 개발하고 있어서, 그래서 그 환경 구축부터 시작합니다.
Vue 웹 앱, Lambda용 Python(3.6) 등을 개발 및 빌드할 수 있도록 합니다.

콘텐츠

AWS Cloud9 환경 새로 생성

AWS Management Console > AWS Cloud9

Create environment 버튼을 누르십시오.

Step1 : Name environment
Name : 적절한 이름을 설정합니다.

Step2
Environment Type : EC2를 선택.
Instance Type : t2.micro로 충분합니다.
Platform : Amazon Linux
Cost-saving setting : After 30 minutes(default)

Step3
검토를 확인하고 Create environment 버튼을 누르십시오.

Vue CLI 3 설치

$ npm install -g @vue/[email protected]
$ vue --version
@vue/cli 3.11.0

@3.11.0을 지정하지 않으면 최신 버전이 포함됩니다.
2019년 12월 중순 현재 방금 출시된 4개가 들어갔습니다.
4에서도 문제 없다고 생각합니다만, 이번은 핸즈온이라고 하는 것으로, 만약을 위해 버젼을 지정해 인스톨합니다.

Vue CLI 3을 사용한 프로젝트 생성은 다른 기사이었습니다.

clone 해 온 프로젝트를 빌드하기 위해

Vue CLI로 만든 프로젝트를 복제하여 빌드하려고 하면 다음과 같은 오류가 발생했습니다.

$ npm run build

> [email protected] build /home/ec2-user/environment/sample_vue_project
> vue-cli-service build

sh: vue-cli-service: command not found
npm ERR! code ELIFECYCLE
npm ERR! syscall spawn
npm ERR! file sh
npm ERR! errno ENOENT
npm ERR! [email protected] build: `vue-cli-service build`
npm ERR! spawn ENOENT
npm ERR! 
npm ERR! Failed at the [email protected] build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm WARN Local package.json exists, but node_modules missing, did you mean to install?

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/ec2-user/.npm/_logs/2020-01-01T02_04_19_354Z-debug.log

이를 해결하려면 다음 명령을 실행하십시오.

$ rm -rf node_modules package-lock.json && npm install

Python 3.6 설정

2019년 10월경, Cloud9의 표준 설치된 Python 버전은 2.7이었습니다.
Python2의 지원 종료가 2020년 1월에 다가오고 있다는 것으로, 2.7에서 3.6으로 변경하는 순서에 대해 쓰려고 했습니다. 2019년 12월 중순 현재 이미 Cloud9의 표준 설치된 Python 버전이 3.6.8이었습니다.
감사합니다. 도움이 됩니다.

그리고 생각, pip 참조 Python이 2.7로 남아 있습니다,. 뭐야? 함정입니까,,.
아래와 같이 3.7을 참조하도록 변경해 둡시다.

$ pip --version
pip 9.0.3 from /usr/lib/python2.7/dist-packages (python 2.7)
$ sudo update-alternatives --config python

There are 2 programs which provide 'python'.

  Selection    Command
-----------------------------------------------
*+ 1           /usr/bin/python2.7
   2           /usr/bin/python3.6

Enter to keep the current selection[+], or type selection number: 2
$ pip --version
pip 9.0.3 from /usr/lib/python3.6/dist-packages (python 3.6)

후기

와타시의 프라이빗 개발 환경입니다만, 메모리 4GB의 Chromebook(5만엔)과, t2.micro의 Cloud9가 되고 있습니다.
결코 쾌적한 환경은 아닙니다만, 이것은 어떤 의미로 묶거나, 제약이라고 할까, 부자유를 즐기고 있다고 할까, 아무튼 그런 느낌입니다.

그러나 Cloud9는 좋다.
곧 개발을 시작할 수 있으며 인터넷과 웹 브라우저가 있으면 어디서나 어느 PC에서나 액세스할 수 있다.

핸즈온의 환경은 Cloud9에서 정해지네요.