forked from CodeGenieApp/serverless-express
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
docs(examples): add Typescript example (CodeGenieApp#453)
* chore(example): using typescript with express.js and API Gateway v2 * chore(example): don't run jest tests in typescript example * chore: new .gitignore file under examples directory
- Loading branch information
Showing
17 changed files
with
9,204 additions
and
1 deletion.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,2 @@ | ||
lambda-invoke-response.json | ||
.aws-sam |
10 changes: 10 additions & 0 deletions
10
examples/basic-starter-api-gateway-v2-typescript/.mocharc.yaml
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,10 @@ | ||
--- | ||
require: | ||
- ts-node/register | ||
extensions: | ||
- ts | ||
spec: | ||
- tests/**/*.test.* | ||
watch-files: | ||
- src | ||
- tests |
124 changes: 124 additions & 0 deletions
124
examples/basic-starter-api-gateway-v2-typescript/README.md
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,124 @@ | ||
# Example | ||
|
||
In addition to a basic Lambda function and Express server, the `example` | ||
directory includes a [Swagger file](http:https://swagger.io/specification/), | ||
[CloudFormation | ||
template](https://aws.amazon.com/cloudformation/aws-cloudformation-templates/) | ||
with [Serverless Application Model | ||
(SAM)](https://github.com/awslabs/serverless-application-model), and helper | ||
scripts to help you set up and manage your application. | ||
|
||
## Steps for running the example | ||
|
||
This guide assumes you have already [set up an AWS | ||
account](http:https://docs.aws.amazon.com/AmazonSimpleDB/latest/DeveloperGuide/AboutAWSAccounts.html) | ||
and have the latest version of the [AWS CLI](https://aws.amazon.com/cli/) and | ||
[AWS SAM](https://docs.aws.amazon.com/serverless-application-model/latest/developerguide/serverless-sam-cli-install.html) | ||
installed. | ||
|
||
1. From your preferred project directory: | ||
```sh | ||
git clone https://github.com/vendia/serverless-express.git && cd serverless-express/examples/basic-starter-api-gateway-v2-typescript | ||
``` | ||
1. Update the `config` section of `package.json` with your `s3BucketName` and | ||
`region` (optionally, change the `cloudFormationStackName`). If the bucket | ||
you specify does not yet exist, the next step will create it for you. | ||
1. (optional: domain) If you want to use a custom domain name for your | ||
application/API, specify it in the `config.domain` section of `package.json`. | ||
This example assumes the domain is registered in Route53 in the same account | ||
you're deploying the example to. | ||
1. Run `npm run setup` - this installs the node dependencies, creates an S3 | ||
bucket (if it does not already exist), packages and deploys your serverless | ||
Express application to AWS Lambda, and creates an API Gateway proxy API. | ||
1. (optional: domain) If you specify a domain, the example will create an SSL | ||
Certificate via Amazon Certificate Manager; create an API Gateway Domain Name | ||
record which maps the domain to the API and Stage; and create a Route53 | ||
HostedZone and RecordSet with an A record pointing at the API Gateway Domain | ||
Name's CloudFront Distribution. | ||
1. During deployment you should receive an email at one of the registered | ||
email addresses for the domain. Approve the SSL Certificate by clicking | ||
the link in the email. The stack creation will pause while waiting for | ||
this approval. | ||
1. Wait for stack creation to complete and update Route53 Domain Name to use | ||
the Name Servers from the created Hosted Zone NS Record (don't include the | ||
trailing '.') via the AWS console. | ||
1. It may take several hours before the DNS records propagate. | ||
1. After the setup command completes, open the AWS CloudFormation console | ||
https://console.aws.amazon.com/cloudformation/home and switch to the region | ||
you specified. Select the `ServerlessExpressStack` stack (or the stack name | ||
you specified for `cloudFormationStackName`), then click the `ApiUrl` value | ||
under the __Outputs__ section - this will open a new page with your running | ||
API. The API index lists the resources available in the example Express | ||
server (`app.js`), along with example `curl` commands. | ||
1. (optional) To enable the `invoke-lambda` `package.json` `script`: copy the | ||
`LambdaFunctionName` from the CloudFormation Outputs and paste it into the | ||
`package.json` `config`'s `functionName` property. | ||
Run `npm run invoke-lambda` to invoke the Lambda Function with the payload | ||
specified in `api-gateway-event.json`. | ||
|
||
See the sections below for details on how to migrate an existing (or create a | ||
new) Node.js project based on this example. If you would prefer to delete AWS | ||
assets that were just created, simply run `npm run delete-stack` to delete the | ||
CloudFormation Stack, including the API and Lambda Function. If you specified a | ||
new bucket in the `config` command for step 1 and want to delete that bucket, | ||
run `npm run delete-bucket`. | ||
|
||
## Creating or migrating a Node.js project based on the example | ||
|
||
To use this example as a base for a new Node.js project: | ||
|
||
1. Copy the files in the `examples/basic-starter-api-gateway-v2-typescript` | ||
directory into a new project directory (`cp -r | ||
./examples/basic-starter-api-gateway-v2-typescript | ||
~/projects/my-new-node-project`). If you have not already done so, follow the | ||
[steps for running the example](#steps-for-running-the-example) (you may want | ||
to first modify some of the resource names to something more | ||
project-specific, eg. the CloudFormation stack, Lambda function, and API | ||
Gateway API). | ||
1. After making updates to `app.js`, simply run `npm run package-deploy`. | ||
|
||
To migrate an existing Node server: | ||
|
||
1. Copy the following files from this directory: `api-gateway-event.json`, | ||
`sam-template.yaml`, and `lambda.js`. Additionally, copy the `scripts` and | ||
`config` sections of `example/package.json` into your existing | ||
`package.json` - this includes many helpful commands to manage your AWS | ||
serverless assets and perform _basic_ local simulation of API Gateway and | ||
Lambda. If you have not already done so, follow the [steps for running the | ||
example](#steps-for-running-the-example). | ||
1. From your existing project directory, run | ||
```sh | ||
npm install --save @vendia/serverless-express | ||
``` | ||
1. Modify `lambda.ts` to import your own server configuration (eg. change | ||
`require('./app')` to `require('./server')`). You will need to ensure you | ||
export your app configuration from the necessary file (eg. `module.exports = | ||
app`). This library takes your app configuration and listens on a Unix Domain | ||
Socket for you, so you can remove your call to `app.listen()`. | ||
1. Modify the `CodeUri` property of the Lambda function resource in | ||
`sam-template.yaml` to point to your application directory (e.g. `CodeUri: | ||
./src`). If you are using a build tool (e.g. Gulp, Grunt, Webpack, Rollup, | ||
etc.), you will instead want to point to your build output directory. | ||
1. Run `npm run package-deploy`. | ||
|
||
To perform a basic, local simulation of API Gateway and Lambda with your Node | ||
server, update `api-gateway-event.json` with some values that are valid for your | ||
server (`httpMethod`, `path`, `body` etc.) and run `npm run local`. | ||
|
||
If you need to make modifications to your API Gateway API or other AWS | ||
resources, modify `sam-template.yaml` and run `npm run package-deploy`. | ||
|
||
## Node.js version | ||
|
||
This example was written against Node.js 12 | ||
|
||
## Development | ||
|
||
To update this example against the latest local changes to | ||
@vendia/serverless-express: | ||
|
||
```bash | ||
npm i ../.. | ||
npm run build | ||
npm run local | ||
``` |
43 changes: 43 additions & 0 deletions
43
examples/basic-starter-api-gateway-v2-typescript/api-gateway-event.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,43 @@ | ||
{ | ||
"version": "2.0", | ||
"routeKey": "$default", | ||
"rawPath": "/users", | ||
"rawQueryString": "", | ||
"headers": { | ||
"accept": "text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9", | ||
"accept-encoding": "gzip, deflate, br", | ||
"accept-language": "en-US,en;q=0.9", | ||
"cache-control": "max-age=0", | ||
"content-length": "0", | ||
"host": "6bwvllq3t2.execute-api.us-east-1.amazonaws.com", | ||
"sec-fetch-dest": "document", | ||
"sec-fetch-mode": "navigate", | ||
"sec-fetch-site": "none", | ||
"sec-fetch-user": "?1", | ||
"upgrade-insecure-requests": "1", | ||
"user-agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari/537.36", | ||
"x-amzn-trace-id": "Root=1-5ff59707-4914805430277a6209549a59", | ||
"x-forwarded-for": "203.123.103.37", | ||
"x-forwarded-port": "443", | ||
"x-forwarded-proto": "https" | ||
}, | ||
"requestContext": { | ||
"accountId": "347971939225", | ||
"apiId": "6bwvllq3t2", | ||
"domainName": "6bwvllq3t2.execute-api.us-east-1.amazonaws.com", | ||
"domainPrefix": "6bwvllq3t2", | ||
"http": { | ||
"method": "GET", | ||
"path": "/users", | ||
"protocol": "HTTP/1.1", | ||
"sourceIp": "203.123.103.37", | ||
"userAgent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari/537.36" | ||
}, | ||
"requestId": "YuSJQjZfoAMESbg=", | ||
"routeKey": "$default", | ||
"stage": "$default", | ||
"time": "06/Jan/2021:10:55:03 +0000", | ||
"timeEpoch": 1609930503973 | ||
}, | ||
"isBase64Encoded": false | ||
} |
6 changes: 6 additions & 0 deletions
6
examples/basic-starter-api-gateway-v2-typescript/nodemon.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,6 @@ | ||
{ | ||
"watch": ["src"], | ||
"ext": "ts", | ||
"ignore": ["src/public"], | ||
"exec": "set DEBUG=http & set NODE_ENV=dev && ts-node src/app.local.ts" | ||
} |
Oops, something went wrong.