다운로드 setzen - 소스 코드 다운로드 setzen

setzen

웹사이트 데이터

1.0.0

다운로드

Setzen

?????? 멀티 플레이어 협업 캔버스로, 백만 개의 '트릭스'로 구성된 지구에 타일을 배치합니다. Reddit의 April Fools Experiment R/Place의 리믹스입니다.

setzen.leifgehrmann.com에서 데모를 찾을 수 있습니다

섬기는 사람

Setzen은 AWS Serverless 애플리케이션 모델을 독점적으로 사용합니다.

전개

이 안내서에서는 AWS Sam CLI를 사용하여 응용 프로그램을 배포합니다.

CLI 설치

Amazon에는 AWS Sam Cli를 설치하기위한 자체 가이드가 있습니다.

그러나 Docker를 설치 한 경우 호스트 시스템에 AWS Sam Cli를 설치하지 않고도 Dockerfile 을 사용할 수 있습니다.

 $ cd server
$ make build

이미지가 구축되면 다음 명령을 사용하여 쉘을 시작할 수 있습니다.

 $ make aws-shell

신임장

대화식 쉘에 있으면 AWS-CLI를 구성하여 올바른 자격 증명을 갖도록 구성해야합니다. 이 지침은 프로그래밍 방식으로 액세스 할 수있는 사용자를 만드는 방법을 안내합니다. 응용 프로그램이 배포되면 자격 증명을 취소하는 것이 좋습니다. 기본적으로 이러한 자격 증명을 가진 사람은 귀하의 계정을 핵무기 할 수 있으므로 매우 조심하십시오. (이것이 Cloudformation을 사용 하는 방법인지는 실제로 모르겠지만 실제로 안전하다고 느끼지 않습니다.)

AWS 콘솔에서 IAM으로 이동하여 새 사용자를 만듭니다 : https://us-east-1.console.aws.amazon.com/iam/home#/users$new?step=details
"세부 사항"단계 :
- 사용자 이름을 입력하십시오. (예 : setzen )
- AWS 액세스 유형으로 "액세스 키 - 프로그래밍 방식 액세스"를 선택하십시오.
- "권한"단계로 진행하십시오.
권한 단계 :
- "그룹 만들기"를 클릭하십시오 :
  - 그룹 이름을 입력하십시오. (예 : Setzen )
  - 정책에 따라 다음 권한 정책을 확인하십시오.
    - "iamfullaccess"
    - "Amazons3fullAccess"
    - "AmazondyNamodbfullAccess"
    - "AmazOnapigateWayAdMinistrator"
    - "awscloudformationfullaccess"
    - "awslambda_fullaccess"
  - "그룹 만들기"를 클릭하십시오.
- "태그"단계로 진행하십시오.
이 IAM 사용자에 대한 세부 사항을 기억하는 데 도움이되는 태그를 선택적으로 추가하십시오. "검토"단계로 진행하십시오.
세부 사항을 확인하고 다음 단계로 진행하십시오.
"Access Key ID"및 "Secret Access Key"를 복사하여 안전한 위치에 보관하십시오. 이 단계 후에는 자격 증명을 잊어 버린 경우 사용자를 삭제하고 재현해야합니다.

자격 증명을 사용하면 이제 aws configure 실행하고 프롬프트에서 자격 증명을 제공하여 구성 할 수 있습니다.

 $ aws configure
AWS Access Key ID [None]: your_access_key_id
AWS Secret Access Key [None]: your_secret_access_key
Default region name [None]: 
Default output format [None]:

가이드 배포

마지막으로 sam deploy 사용하여 응용 프로그램을 배포 할 수 있습니다.

 $ sam deploy --guided

처음 배포 할 때는 일부 배포 구성이 표시됩니다.

스택 이름 (예 : setzen-websockets-app )
AWS 지역
매개 변수 (DynamODB 테이블의 이름)
배포하기 전에 변경 사항 확인 (Y 권장)
Sam Cli IAM 역할 창출 허용 (Y 권장)
롤백 비활성화 (N 권장)
구성 파일에 인수 저장 (Y 권장)
SAM 구성 파일
SAM 구성 환경

완료되면 출력에 배포 된 WebSocketuri가 나타납니다. 클라이언트를 설정할 때 나중에이 점에 유의하십시오.

WebSocket을 테스트합니다

 $ cd test-wscast
$ npm install
$ npx wscat -c wss://{YOUR-API-ID}.execute-api.{YOUR-REGION}.amazonaws.com/Prod
> { "action": "sendmessage", "data": {"type": "readChunkInfo" } }
< {"type":"queue","data":{"positions":[],"colorIds":[],"times":[]}}

고객

콘솔에서 client 디렉토리로 변경하십시오.

NPM이 설치된 상태에서 다음 명령을 실행하십시오.

종속성을 설치하십시오

 $ npm install

구성합니다

SETZEN_WEBSOCKET_URL 응용 프로그램이 작동하기 위해 정의되어야하는 유일한 변수입니다. 나머지 세부 사항은 단지 프리젠 테이션이지만 정보 페이지를 사용자 정의하려면 유용합니다.

 $ export SETZEN_WEBSOCKET_URL='wss://xxxxxxxxxx.execute-api.xx-xxx-x.amazonaws.com/Prod'
$ export SETZEN_WEBAPP_HOST='example.com'
$ export SETZEN_CONTACT_EMAIL='[email protected]'
$ export SETZEN_CONTACT_URL='https://example.com/admin'
$ export SETZEN_CONTACT_ISSUES_URL='https://example.com/setzen/issues'
$ export SETZEN_CONTACT_PROJECT_URL='https://example.com/setzen'

볼 수 있습니다