feat: Improve aws-node-serve-dynamic-html-via-http-endpoint (serverless#711)

Author: Pigius

aws-node-serve-dynamic-html-via-http-endpoint/README.md

@@ -2,14 +2,15 @@
 title: 'AWS Serving Dynamic HTML via API Gateway example in NodeJS'
 description: 'This example illustrates how to hookup an API Gateway endpoint to a Lambda function to render HTML on a GET request.'
 layout: Doc
-framework: v1
+framework: v3
 platform: AWS
 language: nodeJS
 priority: 10
 authorLink: 'https://github.com/slate71'
 authorName: 'Lukas Andersen'
 authorAvatar: 'https://avatars0.githubusercontent.com/u/2078561?v=4&s=140'
 -->
+
 # Serving Dynamic HTML via API Gateway Example
 
 This example illustrates how to hookup an API Gateway endpoint to a Lambda function to render HTML on a `GET` request.
@@ -27,7 +28,7 @@ Instead of returning the default `json` from a request, you can display custom d
 const response = {
   statusCode: 200,
   headers: {
-    'Content-Type': 'text/html',
+    "Content-Type": "text/html",
   },
   body: html,
 };
@@ -46,36 +47,21 @@ serverless deploy
 The expected result should be similar to:
 
 ```bash
-Serverless: Creating Stack...
-Serverless: Checking Stack create progress...
-.....
-Serverless: Stack create finished...
-Serverless: Packaging service...
-Serverless: Uploading CloudFormation file to S3...
-Serverless: Uploading service .zip file to S3 (1.01 KB)...
-Serverless: Updating Stack...
-Serverless: Checking Stack update progress...
-...........................
-Serverless: Stack update finished...
-
-Service Information
-service: serve-dynamic-html-via-http-endpoint
-stage: dev
-region: us-east-1
-api keys:
-  None
-endpoints:
-  GET - https://nzkl1kas89.execute-api.us-east-1.amazonaws.com/dev/landing-page
+Deploying serve-dynamic-html-via-http to stage dev (us-east-1)
+
+✔ Service deployed to stack serve-dynamic-html-via-http-dev (113s)
+
+endpoint: GET - https://XXXXXXXXXXX.execute-api.us-east-1.amazonaws.com/landing-page
 functions:
-  serve-dynamic-html-via-http-endpoint-dev-landingPage: arn:aws:lambda:us-east-1:377024778620:function:serve-dynamic-html-via-http-endpoint-dev-landingPage
+  landingPage: serve-dynamic-html-via-http-dev-landingPage (466 B)
 ```
 
 ## Usage
 
 You can now send an HTTP request directly to the endpoint using a tool like curl
 
 ```bash
-curl https://nzkl1kas89.execute-api.us-east-1.amazonaws.com/dev/landing-page?name=Nik%20Graf
+curl https://XXXXXXXXXXX.execute-api.us-east-1.amazonaws.com/dev/landing-page?name=Nik%20Graf
 ```
 
 The expected result should be similar to:

aws-node-serve-dynamic-html-via-http-endpoint/handler.js

@@ -1,7 +1,7 @@
-'use strict';
+"use strict";
 
-module.exports.landingPage = (event, context, callback) => {
-  let dynamicHtml = '<p>Hey Unknown!</p>';
+export const landingPage = (event, _context, callback) => {
+  let dynamicHtml = "<p>Hey Unknown!</p>";
   // check for GET params and use if available
   if (event.queryStringParameters && event.queryStringParameters.name) {
     dynamicHtml = `<p>Hey ${event.queryStringParameters.name}!</p>`;
@@ -21,11 +21,13 @@ module.exports.landingPage = (event, context, callback) => {
   const response = {
     statusCode: 200,
     headers: {
-      'Content-Type': 'text/html',
+      "Content-Type": "text/html",
     },
     body: html,
   };
 
   // callback is sending HTML back
   callback(null, response);
 };
+
+export default landingPage;

aws-node-serve-dynamic-html-via-http-endpoint/package.json

@@ -3,5 +3,10 @@
   "version": "1.0.0",
   "description": "Hookup an AWS API Gateway endpoint to a Lambda function to render HTML on a `GET` request",
   "author": "",
-  "license": "MIT"
+  "license": "MIT",
+  "devDependencies": {
+    "esbuild": "^0.14.53",
+    "serverless": "^3.22.0",
+    "serverless-esbuild": "^1.33.0"
+  }
 }

aws-node-serve-dynamic-html-via-http-endpoint/serverless.yml

@@ -1,16 +1,19 @@
 # Serving HTML through API Gateway for AWS Lambda
-service: serve-dynamic-html-via-http-endpoint
+service: serve-dynamic-html-via-http
 
-frameworkVersion: ">=1.1.0 <2.0.0"
+frameworkVersion: "3"
 
 provider:
   name: aws
-  runtime: nodejs12.x
+  runtime: nodejs16.x
 
 functions:
   landingPage:
     handler: handler.landingPage
     events:
-      - http:
+      - httpApi:
           method: get
-          path: landing-page
+          path: /landing-page
+
+plugins:
+  - serverless-esbuild