ダウンロードのsetzen - ソースコードのダウンロードをsetzen

setzen

ウェブサイトデータ

1.0.0

ダウンロード

セッツェン

??????マルチプレイヤーコラボレーションキャンバスで、100万の「トリクセル」で構成される地球にタイルを配置します。 Redditのエイプリルフールの実験r/場所のリミックスです。

setzen.leifgehrmann.comでデモを見つけることができます

サーバ

Setzenは、AWSサーバーレスアプリケーションモデルのみを使用しています。

展開

このガイドでは、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ユーザーの詳細を覚えておくのに役立ちます。「レビュー」ステップに進みます。
詳細を確認し、次のステップに進みます。
「アクセスキーID」と「シークレットアクセスキー」をコピーして、安全な場所に保存してください。このステップの後、資格情報をコピーするのを忘れた場合は、ユーザーを削除して再作成する必要があります。

資格情報を使用すると、 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'

表示する