Typescript app deployment against AWS EB

To deploy an app built with Typescript, we have to deploy its artifacts rather than source code managed by git.

To manipulate Elasticbeanstalk, we need to use EB CLI, written in Python. We install this with PIP.

pip install awsebcli --upgrade --user

If you don't have Python, you can download from https://www.python.org/. Any version above v2.7 or v3.4 should work.

Also, you have to install pip. Check this link too. https://pypi.python.org/pypi/pip/

# Generate package.json
npm init -y

# Install dependencies
npm i -D typescript @types/node @types/express
npm i express

{
  "compilerOptions": {
    "target": "es6",
    "module": "commonjs",
    "rootDir": "src",
    "outDir": "build"
  }
}

src/index.ts

import express = require('express')

const app = express()

app.use((req, res) => {
  res.send('hi')
})

app.listen(process.env.PORT, () => {
  console.log('server is ready.')
})

Add build and start scripts to package.json.

{
  "scripts": {
    "build": "tsc",
    "start": "node build/index.js"
  }
}

Compile and run our app with the scripts

# Compile typescript
npm run build

# Run with compiled javascript
PORT=3000 npm run start

Check our app actually working at http://localhost:3000

scripts/dist.sh

# If the directory, `dist`, doesn't exist, create `dist`
stat dist || mkdir dist
# Archive artifacts
zip dist/$npm_package_name.zip -r build package.json package-lock.json

Add dist script

{
  "scripts": {
    "build": "tsc",
    "start": "node build/index.js",
    "dist": "sh ./scripts/dist.sh"
  }
}

# Initialize app to EB
eb init

# Initialize environment
eb create

Add the below 2 lines to the bottom of .elasticbeanstalk/config.yml.

deploy:
  artifact: dist/aws-eb-typescript-app.zip

Deploy again

eb deploy --staged