개발 환경을 Raspberry Pi로 마이그레이션하는 방법

여가 시간에는 Solarischeck it out라는 오픈 소스 전략 게임을 개발합니다.

소프트웨어 개발의 문제 중 하나는 코딩하는 모든 장치에 개발 환경을 설정해야 한다는 것입니다. 또한 개발과 프로덕션 간에 차이가 있어 종종 예기치 않은 문제가 발생할 수 있습니다.

이상적인 솔루션은 내 개발 컴퓨터에 VS Code(나중에 보게 되겠지만 선택 사항임)를 설치하는 것 외에 긴 설정 프로세스를 거치지 않고 모든 장치에서 개발할 수 있고 모든 코드와 앱을 보유하는 것입니다. 원격 서버에서 호스팅됩니다. 이 경우 라즈베리 파이.

라즈베리 파이를 소개합니다

Raspberry Pi은 많은 다른 작업을 수행할 수 있는 멋진 작은 장치입니다.

Solaris Ubuntu Server에서 실행되는 Pi는 거의 동일한 환경에서 동일한 소프트웨어를 실행할 수 있으므로 프로덕션을 모방할 수 있는 완벽한 후보입니다.

계획

이 연습의 최종 결과는 프로덕션에서 실행되는 것과 최대한 가깝게 개발 환경을 설정하는 것입니다.

Solaris를 실행하는 데 필요한 모든 항목을 설치합니다.

개발 모드에서 클라이언트 및 서버 응용 프로그램을 실행합니다.

ssh와 함께 Visual Studio Code를 사용하여 파일을 편집하고 응용 프로그램을 디버그하십시오.

Pi 설치 및 설정

Pi에서 실행되는 Ubuntu의 설정은 매우 간단합니다. Pi imager software 을 사용하여 Ubuntu Server를 선택하고 advanced options 을 사용하여 호스트 이름, WiFi 및 SSH를 설정합니다. 이 설치가 완료되면 키보드와 모니터를 연결할 필요가 없습니다. SD 카드를 삽입하고 나머지 설정 프로세스를 위해 다른 컴퓨터에서 Pi와 SSH에 전원을 공급하기만 하면 됩니다.

노드 및 MongoDB 설정

솔라리스는 Node.js와 MongoDB를 실행해야 합니다. 이들은 잘 지원되고 문서화되어 있기 때문에 실행하기가 간단했습니다.

MongoDB installation .

Node.js installation .

다음 단계는 git clone 리포지토리를 다운하고 README의 단계를 수행하는 것입니다.

git clone https://github.com/mike-eason/solaris.git

앱 및 서비스 설정

노드 응용 프로그램은 PM2에 의해 서버에서 관리됩니다. pm2 설치 후 설정이 쉽습니다.

API - pm2 start ~/solaris/server/api/index.js --name solaris-api --watch

서버 작업 - pm2 start ~/solaris/server/jobs/index.js --name solaris-jobs --watch

Vue.js 클라이언트 - pm2 start ~/solaris/client/node_modules/@vue/cli-service/bin/vue-cli-service.js --name solaris-client --node-args="serve"

위는 마법이 일어나는 곳입니다. pm2는 3개의 프로세스를 관리하고 변경 사항을 자동으로 감시하며 필요한 경우 앱을 다시 시작합니다. 이제 로컬 IP 주소192.168.1.xxx:8080를 통해 앱에 액세스할 수 있습니다.

Visual Studio Code 설정

이제 앱이 실행되고 변경 사항을 지켜보고 있으므로 실제로 파일을 편집할 방법이 필요했습니다. ssh를 통한 원격 개발을 위한 멋진 extension이 있기 때문에 이를 위해 VS Code를 사용하기로 했습니다.

디버깅

디버깅에 대한 유일한 주의 사항은 pm2 프로세스를 중지한 다음 VS Code 디버깅 세션을 시작하는 것이 약간 불편하다는 것입니다.

이 문제를 해결하는 가장 좋은 방법은 --inspect 프로세스를 시작할 때 pm2 플래그를 활성화하는 것입니다.

pm2 start solaris-jobs --node-args="--inspect=9230" --watch

그런 다음 VS Code 구성을 사용하여 프로세스에 연결합니다.

{
    "type": "node",
    "request": "attach",
    "name": "Attach to Jobs",
    "port": 9230
}

--inspect 플래그에 대한 자세한 내용은 here 을 참조하십시오.

마지막 생각들

이러한 모든 설정을 통해 이제 개발 시스템에서 VS Code를 열기만 하면 먼저 설정에 대해 생각할 필요 없이 곧바로 코딩을 시작할 수 있습니다. 원격 환경이므로 모든 변경 사항이 지속적으로 유지되므로 데스크톱에서 코딩한 다음 랩톱으로 전환하여 작업을 계속할 수 있습니다.

한 단계 더 나아가 Pi에서 실제로 VS Code 자체를 호스팅하는 code-server과 같은 것을 사용할 수 있습니다. 그렇다면 브라우저가 있는 장치만 있으면 바로 사용할 수 있습니다. 드디어 삼성 스마트 냉장고에 코딩을 할 수 있게 되었습니다!

의견에 의견이나 제안 사항이 있으면 알려주십시오. 읽어 주셔서 감사합니다.