{"id":7396,"date":"2019-08-31T12:04:38","date_gmt":"2019-08-31T10:04:38","guid":{"rendered":"https:\/\/blog.mi.hdm-stuttgart.de\/?p=7396"},"modified":"2023-06-18T18:22:52","modified_gmt":"2023-06-18T16:22:52","slug":"multiplayer-typescript-application-deploy-on-aws-services","status":"publish","type":"post","link":"https:\/\/blog.mi.hdm-stuttgart.de\/index.php\/2019\/08\/31\/multiplayer-typescript-application-deploy-on-aws-services\/","title":{"rendered":"Multiplayer TypeScript Application run on AWS Services"},"content":{"rendered":"\n

Daniel Knizia<\/strong> – dk100@hdm-stuttgart.de<\/em>
Benjamin Janzen<\/strong> – bj009@hdm-stuttgart.de<\/em><\/p>\n\n\n\n

The project<\/strong><\/h4>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n

<\/p>

CatchMe is a location-based multiplayer game for mobile devices. The idea stems from the classic board game Scotland Yard, basically a modern version of hide & seek. You play in a group with up to 5 players outside, where on of the players gets to be chosen the “hunted”. His goal is trying to escape the other players. Through the app he can constantly see the movement of his pursuers, while the other players can only see him in set intervals.<\/p>
The backend of the game builds on Colyseus<\/a>, a multiplayer game server for Node.js, which we have adjusted to our needs. There’s a lobby, from which the players can connect into a room with other players and start the game.<\/cite><\/blockquote>\n\n\n\n\n\n\n\n

Goal<\/h4>\n\n\n\n

One of our intentions for this project was, to learn more about cloud in general and how we can in integrate it in the development of our app. Basically a big playground to learn and test new concepts and further our software development skills. The following should give you a brief overview of our experience and problems we.
<\/p>\n\n\n\n

The Beginning<\/h4>\n\n\n\n

A pictures says more than a 1000 words! Here was our first attempt to understand cloud computing in general and trying to figure out, how we can get our app there. For this we had several conversations with various specialists.<\/p>\n\n\n\n

\"\"
Image creation with a “technical VMware vCloud expert”<\/figcaption><\/figure>\n\n\n\n

Where the cloud helps and where not …<\/a><\/p>It is worth reading the article form the front and not only the part that is relevant for our current section
<\/cite><\/blockquote>\n\n\n\n

AWS Elastic Beanstalk<\/h4>\n\n\n\n

We started of doing some research and comparing various cloud provider (e.g. Google, IBM, Microsoft, Amazon) to find out about their services and payment models. The free tier model and the alleged simplicity of deploying an app with Elastic Beanstalk let us to the decision to use Amazons web services (AWS). With basically the touch of a button you get a full environment with multiple server instances, load balancing, database etc. Just upload your code and you are all set, well at least in theory…<\/p>\n\n\n\n

Deploying Typescript to Elastic Beanstalk and automatin the process with Gitlab Ci\/CD Pipline<\/h4>\n\n\n\n

One of the bigger problems we encountered was deploying our Typscript app. Since you can’t directly run Typscript on the Elastic Beanstalk we’ve found a little workaround by compiling it first into Javascript and than using Gitlabs CI\/CD Pipeline to automate the process. In the following we just want to briefly illustrate the steps we took to get everythin running.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n