ExpressJS To Serverless

6 min read

Required Software

Unless you have been under a rock for the last 5 years you have likely heard of Serverless development. Serverless architecture presents amazing opportunities for developers to care less about what is running their code and focus more on writing code that will deliver value. AWS has been one of the largest players within the Serverless space and offers many solutions that simplify how you host your code. One of AWS's most prominent offerings is AWS Lambda, in short, it gives you a simple way to deploy code without having to consider the servers that code runs on it. Thus Lambda creates a more simplified development experience, but the questions I would like to answer today is how to do we integrate existing code into serverless code. If you're clever you've realized from the title that we will be doing this with an ExpressJS application, aws-serverless-express to integrate express with a serverless lambda function, and finally aws-sam-cli to develop this as a serverless application.

Setup

So without further ado, let's get started. The first thing that we need to do is get our Express application started. If you already have an Express application made feel free to skip to the next step.

npm init -y
npm install --save express
1
2
// ./package.json
{
...,
"scripts": {
"start": "node index.js"
},
...
}
1
2
3
4
5
6
7
8
// ./app.js

const express = require("express");
const app = express();
const healthRouter = express.Router();
const pingRouter = express.Router();

healthRouter.get("/", (_, res) => res.send({ status: "ok" }));
pingRouter.get("/", (_, res) => res.send("pong"));

app.use("/health", healthRouter);
app.use("/ping", pingRouter);

module.exports = app;
1
2
3
4
5
6
7
8
9
10
11
12
13
14
// index.js

const app = require("./app");

app.listen(process.env.PORT || 3000, () => console.log("API Started"));
1
2
3
4
5

Great, now we have our code setup for our simple Express API we can run it using the following command from your terminal:

npm start
1

Now if you go to http://localhost:3000/health or http://localhost:3000/ping you'll get a response back. With this now in place we can start talking about how this would look as a Serverless Application. Once you are done with the server be sure to stop it.

Serverless Start

Great, now that the Express API has been created we can begin the process of transforming the application into a Serverless API. Let's being with the tooling that we will use to test locally and deploy our application, the aws-sam-cli. With this tool, you can execute your lambdas, run them as a local api, and much more. If you would like to read more about the aws-sam-cli check out the documentation here, for now, you will need to ensure the CLI is installed using the documentation found here. Once installed run the following command in your terminal:

sam --version
1

This article was written using version 0.15.0

Now that you have the aws-sam-cli installed we can move on to the aws-serverless-express library, this is what enables us to make our Express API a serverless one with minimal changes. The first step to using this package is installed using the command below:

npm install --save aws-serverless-express
1

Next, we need to update the code within our index.js file to take advantage of the aws-serverless-express library that we just installed.

// index.js
const awsServerlessExpress = require("aws-serverless-express");
const app = require("./app");
const server = awsServerlessExpress.createServer(app);

exports.handler = (event, context) =>
  awsServerlessExpress.proxy(server, event, context);
1
2
3
4
5
6
7

That's it! Simple enough right? With this, our code is ready for the wonderful world of serverless. The last thing that we need to do is create our CloudFormation file and we can give this code a run.

The CloudFormation file is fairly simple, we create a Serverless Function with an event that will execute the function for any API call on any method. We do this by setting the path property to "/{+proxy}" and the method property to ANY respectively.

# template.yaml
AWSTemplateFormatVersion: "2010-09-09"
Transform: AWS::Serverless-2016-10-31

Resources:
  HelloWorldFunction:
    Type: AWS::Serverless::Function
    Properties:
      CodeUri: .
      Handler: index.handler
      Runtime: nodejs8.10
      Timeout: 10
      Events:
        ApiEvent:
          Type: Api
          Properties:
            Path: "/{proxy+}"
            Method: ANY
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

Fantastic this is the moment that we have been waiting for, open up that terminal and run the following command:

sam local start-api
1

If all goes well you should see the following in your terminal:

2019-04-22 21:16:49 Mounting HelloWorldFunction at http://127.0.0.1:3000/{proxy+} [GET, DELETE, PUT, POST, HEAD, OPTIONS, PATCH]
2019-04-22 21:16:49 You can now browse to the above endpoints to invoke your functions. You do not need to restart/reload SAM CLI while working on your functions, changes will be reflected instantly/automatically. You only need to restart SAM CLI if you update your AWS SAM template
1
2

Now if you go the endpoints mentioned before, you'll see that you get the same responses as before.

Serverless Deploy

We have come a long way we've created our API, converted it to work as a serverless API, and tested it locally. Though we are missing the most important thing of all, shipped code! Let's deploy this thing! To start you will need to create an S3 bucket within your account, this will be where your packaged lambda code will live. You can do this through the S3 console within the AWS, for more detailed instructions go here. Once you have created your S3 bucket run the following command to package your code:

sam package --template-file template.yaml --s3-bucket {{your_bucket_name}} --output-template-file packaged.yaml
1

Once your application is finished being packaged we can deploy the code to AWS using the following command:

sam deploy --template-file packaged.yaml --stack-name hello-api --capabilities CAPABILITY_IAM
1

Once that has finished deploying feel free to navigate to your API within the API Gateway Console. Once on the API Gateway page navigate to APIs -> hello-api -> Dashboard. At the top of the dashboard, you will see the URL of the API that you have just created if you copy it and add /health or /ping and you'll get the same responses as before.

Congratulations for making it through, now you've got a fully deployed serverless application. I wish you luck with your development adventures.

Resources

Share