🥇서버 파괴에 관한 해커 게임의 백엔드가 만들어진 방법

우리는 서버 파괴에 대한 레이저 퀘스트가 어떻게 준비되었는지 계속 알려드립니다. 이전에 시작 퀘스트 해결 관련 글.

전체적으로 게임의 백엔드에는 6개의 아키텍처 단위가 있으며, 이 기사에서는 이를 분석할 것입니다.

게임 메커니즘을 담당하는 게임 엔터티의 백엔드
VPS의 백엔드 및 사이트 데이터 교환 버스
백엔드 요청(게임 요소)에서 Arduino 및 현장 하드웨어로의 번역기
릴레이 제어를 담당한 아두이노는 번역기로부터 명령을 받아 실제 작업을 수행했다.
실제 장치: 선풍기, 화환, 플로어 램프 등
프런트엔드 - 플레이어가 장치를 제어하는 Falcon 웹사이트 자체

각각을 살펴보겠습니다.

게임 엔터티의 백엔드

백엔드는 스프링 부트 애플리케이션으로 구현되었습니다. 여기에는 여러 개의 나머지 컨트롤러, 웹소켓 엔드포인트 및 게임 로직이 포함된 서비스가 있었습니다.

컨트롤러는 XNUMX개뿐이었습니다.

메가트론. 현재 메가트론 페이지는 전원을 켜기 전후에 GET 요청을 통해 전송되었습니다. POST 요청을 통해 레이저가 발사되었습니다.
페이지 이름별로 제공되도록 물결표 페이지를 매핑합니다. Tilde는 원래 이름이 아닌 내부 ID 및 규정 준수 정보가 포함된 내보내기용 페이지를 생성합니다.
유사 고부하 서버 보안 문자를 제공하는 보안 문자 컨트롤러입니다.

웹소켓 엔드포인트는 램프, 화환, 편지 등의 장치를 제어하는 데 사용되었습니다. 장치의 현재 상태(켜짐 여부, 활성 여부, 현재 벽에 켜져 있는 문자 색상)를 모든 플레이어에게 동시에 표시하도록 선택되었습니다. 레이저를 켜는 작업을 좀 더 어렵게 만들기 위해 동일한 로그인 및 비밀번호 admin/admin을 사용하여 화환과 레이저에 인증을 추가했습니다.

플레이어는 화환을 켜서 테스트하고 레이저로 동일한 과정을 반복할 수 있습니다.

우리는 불필요한 선택으로 플레이어를 괴롭히지 않기 위해 이러한 사소한 로그인-비밀번호 쌍을 선택했습니다.

작업을 좀 더 흥미롭게 만들기 위해 mongodb의 개체 ID가 방의 장치 식별자로 사용되었습니다.

ObjectId에는 타임스탬프가 포함되어 있습니다. 두 개의 임의 값 중 하나는 장치 식별자를 기반으로 가져오고 두 번째는 이를 생성하는 프로세스의 pid와 카운터 값을 기반으로 합니다. 나는 레이저 장치 식별자를 선택하는 것이 더 흥미로울 수 있도록 일정한 간격으로 서로 다른 PID 프로세스를 사용하지만 공통 카운터를 사용하여 식별자를 생성하고 싶었습니다. 그러나 결국 모두가 카운터 값만 다른 식별자로 시작했습니다. 이로 인해 단계가 너무 단순해지고 objectId 구조 분석이 필요하지 않게 되었을 수 있습니다.

백엔드 요청의 번역기

파이썬 스크립트, 그는 타이머 작업을 하고 타이머를 게임 추상화에서 실제 모델로 변환했습니다. 예를 들어 “플로어 램프 켜기” → “릴레이 N2 켜기”와 같습니다.

스크립트는 RabbitMQ 대기열에 연결되어 대기열에서 Arduino로 요청을 전송했습니다. 또한 병렬 조명 전환 논리를 구현했습니다. 일부 장치와 함께 해당 장치의 조명이 켜졌습니다. 예를 들어 Megatron에 처음 전원이 공급되면 무대 조명으로 조명되었습니다. 전체 장면의 영화 촬영을 위한 조명 디자인은 프로젝트 공동 제작자이자 프로덕션 디자이너인 Ilya Serov의 훌륭한 작업에 대한 별도의 이야기이며 이에 대해서는 별도의 게시물에서 설명하겠습니다.

번역가는 또한 타이머를 사용하여 분쇄기를 실행하고 이미지를 TV로 전송하는 논리(분쇄기 실행을 위한 타이머, 비명을 지르는 카피바라, 게임 종료 시 광고)를 담당했습니다.

Megatron 토큰 생성 논리의 구조

테스트샷

25초마다 새로운 토큰이 생성되어 10/10 전력에서 255초 동안 레이저를 켜는 데 사용할 수 있습니다. 다음으로 연결 Megatron 코드가 포함된 github.

그런 다음 레이저는 1분 동안 냉각되었습니다. 이 시간 동안에는 레이저를 사용할 수 없었고 새로운 샷 요청을 받아들이지 않았습니다.

이 힘은 밧줄을 태울만큼 충분하지 않았지만 모든 플레이어는 메가트론을 발사하고 레이저 빔이 작동하는 것을 볼 수 있었습니다.

토큰을 생성하는 데 MD5 해싱 알고리즘이 사용되었습니다. 그리고 그 계획은 성공했습니다 MD5의 MD5 + 카운터 + 비밀 전투 토큰의 경우, 테스트 토큰의 경우 비밀이 없습니다.

MD5는 우리 백엔더인 Pavel이 수행한 상용 프로젝트에 대한 참조입니다. 불과 몇 년 전 이 프로젝트에서는 MD5를 사용했는데 프로젝트 설계자에게 이것이 오래된 암호화 알고리즘이라고 말하자 그들은 MD5에서 MD5를 사용하기 시작했습니다. 우리는 가능한 한 멍청한 프로젝트를 만들기로 결정했기 때문에 그는 모든 것을 기억하고 작은 참고 자료를 만들기로 결정했습니다.

전투 사격

메가트론의 전투 모드는 100와트의 3% 레이저 출력입니다. 이것은 무게를 지탱하고 있는 밧줄을 태워서 수족관을 부수고 서버에 물을 가득 채우는 데 2분이면 충분합니다.

우리는 프로젝트의 Github에 몇 가지 힌트를 남겼습니다. 즉, 테스트 토큰과 전투 토큰이 동일한 카운터 표시기를 기반으로 생성된다는 것을 이해할 수 있는 토큰 생성 코드입니다. 전투 토큰의 경우 카운터 값 외에 솔트도 사용하는데, 이는 마지막 두 글자를 제외하고는 이 요지를 변경한 이력에 거의 완전히 남아있습니다.

이 데이터를 알면 소금의 마지막 2개 기호를 정렬하여 실제로 Lost의 숫자를 16진법으로 변환하여 사용했음을 알아낼 수 있었습니다.

그런 다음 플레이어는 테스트 토큰을 분석하여 카운터 값을 파악하고 다음 카운터 값과 이전 단계에서 선택한 솔트를 사용하여 전투 토큰을 생성해야 했습니다.

카운터는 각 테스트 샷과 25초마다 증가했습니다. 우리는 이것에 대해 어디에도 글을 쓰지 않았습니다. 그것은 작은 게임 놀라움으로 여겨졌습니다.

보안문자 상호작용 서비스

게임 세계에서 이는 팬을 켜고 힌트가 포함된 플립차트를 열기 위해 로드해야 했던 것과 동일한 보안 문자였습니다. 카메라 옆에는 부하 모니터링 기능이 있는 노트북이 있었습니다.

서비스 현재 부하로 모니터링에서 표시할 항목인 온도와 CPU 팬을 계산했습니다. 측정항목은 타임베이스 데이터베이스로 전송되어 grafana에 의해 그려졌습니다.

지난 5초 동안 보안 문자 표시 요청이 50개 이상 있었던 경우 로드는 고정 + 임의 단계 수만큼 증가했습니다. 계산 결과는 100분 안에 XNUMX% 부하를 달성할 수 있다는 것이었습니다.

실제로 서비스에는 최종 게임에 표시된 것보다 더 많은 로직이 있었습니다. CPU 팬의 회전만 보이도록 모니터를 배치했습니다.

퀘스트 시작 시 그들은 Falcon 웹사이트에서 Grafan에 액세스할 수 있도록 하려고 했습니다. 하지만 여기에는 백엔드 애플리케이션 보고서의 springboot 메트릭도 포함되어 있었는데, 이를 지울 시간이 없었기 때문에 이에 대한 액세스를 차단하기로 결정했습니다. 그리고 맞습니다. 심지어 퀘스트가 시작될 때 일부 플레이어는 애플리케이션이 springboot 프레임워크로 작성되었다고 추측하고 일부 서비스의 이름을 파헤치기도 했습니다.

호스팅 및 데이터 버스

백엔드에서 RabbitMQ가 실행 중인 VPS 서버 사이트로 정보를 전송하는 도구입니다.

백엔드와 데이터 버스는 계속 켜져 있었습니다. 우리 VPS. 그 성능은 화면에서 본 컴퓨터(2GB RAM을 갖춘 XNUMX코어 VPS)와 비슷했습니다. 최대 로드는 며칠 동안만 계획되었기 때문에 리소스에 대한 요금이 부과되었습니다. 이는 짧은 시간 동안 VPS를 로드하려는 고객이 수행하는 작업입니다. 그런 다음 부하가 예상보다 높았고 고정 관세가 더 수익성이 있다는 것이 밝혀졌습니다. 퀘스트를 한다면 라인 관세를 선택하세요 터보.

DDoSa로부터 서버를 보호하기 위해 Cloudflare를 사용했습니다.

VPS가 모든 것을 명예롭게 견뎌냈다고 말할 가치가 있습니다.

릴레이 제어를 담당한 아두이노는 번역기로부터 명령을 받아 실제 작업을 수행했다.

이는 프로젝트의 하드웨어 부분에 관한 다음 기사의 주제입니다. 백엔드는 단순히 특정 릴레이를 켜라는 요청을 보냈습니다. 백엔드는 거의 모든 엔터티와 요청이 "이 엔터티를 켜세요"처럼 보이는 것을 알았습니다. 우리는 사이트의 초기 테스트를 위해 이 작업을 수행했으며(아직 Arduino와 릴레이를 모두 조립하지 않았습니다) 결국 모든 것을 그대로 두었습니다.

프런트엔드

우리는 물결표로 사이트를 신속하게 만들었고 영업일 기준으로 하루가 걸렸으며 예산에서 30을 절약했습니다.

처음에는 단순히 사이트를 내보내고 누락된 로직을 추가하려고 생각했지만 이를 금지하는 사용 약관에 부딪혔습니다.

우리는 라이센스를 위반할 준비가 되어 있지 않았기 때문에 두 가지 옵션이 있었습니다. 모든 것을 직접 구현하거나 Tilda에게 직접 연락하여 프로젝트에 대해 이야기하고 코드 변경 권한을 요청하는 것입니다.

우리는 두 번째 옵션을 선택했고 중간에 우리를 만났을 뿐만 아니라 XNUMX년 간의 무료 비즈니스 계정도 제공했는데, 이에 대해 매우 감사하게 생각합니다. 소콜의 웹사이트 디자인을 보여드리는 게 너무 어색했어요.

결과적으로 우리는 기본 장치에 요청을 보내기 위해 프론트엔드에 js 로직을 추가하고 게임 요소를 켜고 끄는 버튼의 스타일을 약간 변경했습니다.

웹 사이트 디자인

별도의 장으로 볼 가치가 있는 검색 기록입니다.

우리는 구식 사이트뿐만 아니라 디자인의 모든 기본 규칙을 위반하는 완전히 역겨운 사이트를 만들고 싶었습니다. 동시에 신뢰성을 유지하는 것이 중요했습니다. ENT 스토리를 깨뜨리지 않아야 하고 작성자의 허세를 보여야 하며 플레이어는 그러한 사이트가 존재할 수 있고 심지어 고객을 유치할 수도 있다고 믿어야 합니다. 그리고 그는 그것을 가져 왔습니다! 게임이 진행되는 동안 웹사이트 제작을 위해 두 차례 연락을 받았습니다.

처음에는 더 많은 gif와 반짝이는 요소를 포함하려고 디자인을 직접 했습니다. 하지만 10년차 디자이너 남편은 어깨너머로 '너무 좋다'며 일축했습니다. 디자인 규칙을 깨려면 해당 규칙을 알아야 합니다.

지속적인 혐오감을 불러일으키는 여러 가지 색상 조합이 있습니다. 녹색과 빨간색이 똑같이 풍부하고, 회색과 분홍색, 파란색과 갈색이 더해집니다. 결국 우리는 빨간색과 녹색의 조합을 기본 색상으로 결정하고 고양이가 포함된 gif를 추가하고 스톡 사진에서 Sokolov 자신의 사진 3~4장을 선택했습니다. 제가 요구한 것은 몇 가지였습니다. 중년 남성이 몸에 맞지 않는 양복을 입고 한두 사이즈 큰 '전문 스튜디오 사진 촬영' 포즈를 취하는 것이었습니다. 테스트를 위해 친구들에게 보여주며 “어때요?”라고 물었습니다.

디자인 개발 과정에서 남편은 XNUMX분마다 누워 있어야 했고, 헬리콥터가 날아오기 시작했습니다. Pasha는 프런트엔드를 마무리하는 동안 눈을 보호하기 위해 개발자 콘솔을 화면 대부분으로 열려고 했습니다.

실제 장치

팬과 조명은 솔리드 스테이트 릴레이를 통해 장착되어 즉시 최대 전력으로 켜지지 않도록 하여 모니터링과 동시에 전력이 증가하도록 했습니다.

하지만 이에 대해서는 다음 게시물에서 게임의 하드웨어 부분과 사이트의 실제 구성에 대해 이야기하겠습니다.

계속 지켜봐!

서버 파괴 퀘스트에 관한 다른 기사

출처 : habr.com

서버 파괴에 관한 해커 게임의 백엔드가 어떻게 만들어졌는가