first commit

Author: 堀家隆宏

.env.example

@@ -0,0 +1,2 @@
+# Environment variables
+STAGE=

.eslintignore

@@ -0,0 +1 @@
+dist

.eslintrc.yml

@@ -0,0 +1,58 @@
+env:
+  browser: true
+  node: true
+  es6: true
+
+extends:
+  - 'eslint:recommended'
+  - 'plugin:jest/recommended'
+  - 'plugin:@typescript-eslint/recommended'
+  - 'plugin:@typescript-eslint/eslint-recommended'
+
+parserOptions:
+  parser: '@typescript-eslint/parser'
+  tsconfigRootDir: ./
+  sourceType: module
+
+rules:
+  array-bracket-spacing:
+    - error
+    - always
+  max-len:
+    - error
+    - code: 120
+      ignoreComments: true
+      ignoreTrailingComments: true
+      ignoreUrls: true
+      ignoreTemplateLiterals: true
+      ignoreRegExpLiterals: true
+  no-var: error
+  no-console: 0
+  semi:
+    - error
+    - never
+    - beforeStatementContinuationChars: never
+  space-before-blocks:
+    - error
+    - always
+  semi-spacing:
+    - error
+    - after: true
+      before: false
+  quotes:
+    - error
+    - single
+  '@typescript-eslint/indent':
+    - error
+    - 2
+  no-case-declarations: 0
+  jest/no-jasmine-globals: off
+  '@typescript-eslint/camelcase': off
+  '@typescript-eslint/no-non-null-assertion': off
+  '@typescript-eslint/ban-ts-ignore': off
+  '@typescript-eslint/interface-name-prefix': off
+  '@typescript-eslint/member-delimiter-style': off
+  '@typescript-eslint/no-explicit-any': off
+  '@typescript-eslint/no-unused-vars': off
+  '@typescript-eslint/explicit-function-return-type': off
+  '@typescript-eslint/no-var-requires': off

.gitignore

@@ -0,0 +1,97 @@
+# Created by .ignore support plugin (hsz.mobi)
+### Node template
+# Logs
+/logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# next.js build output
+.next
+
+# nuxt.js build output
+.nuxt
+
+# Nuxt generate
+dist
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless
+
+# IDE / Editor
+.idea
+
+# Service worker
+sw.*
+
+# macOS
+.DS_Store
+
+# Vim swap files
+*.swp
+
+# CDK asset staging directory
+.cdk.staging
+cdk.out
+
+# Test coverage
+.coverage

.vscode/settings.json

@@ -0,0 +1,14 @@
+{
+    "editor.codeActionsOnSave": {
+      "source.fixAll.eslint": true
+    },
+    "eslint.packageManager": "yarn",
+    "eslint.validate": [
+      "javascript",
+      "typescript",
+      "vue"
+    ],
+    "files.associations": {
+      "*.vue": "vue"
+    }
+  }

README.md

@@ -0,0 +1,2 @@
+## CDK HTTPAPI Lambda with OpenAPI
+This is a sample which you can deploy your app uging API of API Gateway(HTTPAPI + Lambda) with Open API deninition.

cdk.json

@@ -0,0 +1,4 @@
+{
+  "app": "npx ts-node --prefer-ts-exts deploy/cdk-deploy.ts",
+  "context": {}
+}

deploy/api-definition.yaml

@@ -0,0 +1,52 @@
+---
+openapi: 3.0.1
+info:
+  title: Hello API
+  description: An api always returns HELLO
+  version: 1.0.0
+
+paths:
+  /hello:
+    get:
+      summary: Returning Hello.
+      responses:
+        200:
+          $ref: '#/components/responses/GetHelloResponse'
+        500:
+          $ref: '#/components/responses/InternalServerError'
+
+components:
+  schemas:
+    Error:
+      type: object
+      required:
+        - error
+        - message
+      properties:
+        error:
+          type: string
+          description: Error code
+        message:
+          type: string
+          description: Error message
+    Hello:
+      type: object
+      required:
+        - message
+      properties:
+        message:
+          type: string
+          description: message
+  responses:
+    InternalServerError:
+      description: Unexpected error
+      content:
+        application/json:
+          schema:
+            $ref: '#/components/schemas/Error'
+    GetHelloResponse:
+      description: Get hello response.
+      content:
+         application/json:
+          schema:
+            $ref: '#/components/schemas/Hello'

deploy/api-stack.ts

@@ -0,0 +1,65 @@
+import * as cdk from '@aws-cdk/core'
+import { Code, Function, Runtime } from '@aws-cdk/aws-lambda'
+import { CfnApi, CfnStage } from '@aws-cdk/aws-apigatewayv2'
+import { ServicePrincipal } from '@aws-cdk/aws-iam'
+
+export interface ApiProps extends cdk.StackProps {
+  stage: string
+  openApi: any
+}
+
+interface IntegrationSetting {
+  readonly type: string
+  readonly httpMethod: string
+  readonly uri: string
+  readonly payloadFormatVersion: string
+}
+
+export class ApiStack extends cdk.Stack {
+
+  constructor(scope: cdk.Construct, id: string, props: ApiProps) {
+    super(scope, id, props)
+
+    const myFunction = new Function(this, 'myFunction', {
+      code: Code.fromAsset('dist/handler'),
+      handler: 'index.handler',
+      runtime: Runtime.NODEJS_14_X
+    })
+
+    const integrationSetting: IntegrationSetting = {
+      type: 'AWS_PROXY',
+      httpMethod: 'POST',
+      uri: myFunction.functionArn,
+      payloadFormatVersion: '2.0'
+    }
+
+    Object.entries(props.openApi.paths).forEach(([ path ]) => {
+      Object.entries(props.openApi.paths[path]).forEach(([ method ]) => {
+        props.openApi.paths[path][method]['x-amazon-apigateway-integration'] = integrationSetting
+      })
+    })
+
+    const api = new CfnApi(this, 'httpApi', {
+      body: props.openApi
+    })
+
+    new CfnStage(this, `api-${props.stage}`, {
+      apiId: api.ref,
+      stageName: '$default',
+      autoDeploy: true,
+    })
+
+    myFunction.addPermission(
+      'myFunctionPermission',
+      {
+        principal: new ServicePrincipal('apigateway.amazonaws.com'),
+        action: 'lambda:InvokeFunction',
+        sourceArn: `arn:aws:execute-api:${cdk.Stack.of(this).region}:${cdk.Stack.of(this).account}:${api.ref}/*/*/*`
+      }
+    )
+
+    new cdk.CfnOutput(this, 'HTTP API Url', {
+      value: api.attrApiEndpoint ?? 'Something went wrong with the deploy'
+    })
+  }
+}

deploy/cdk-deploy.ts

@@ -0,0 +1,26 @@
+#!/usr/bin/env node
+import 'source-map-support/register'
+import * as cdk from '@aws-cdk/core'
+import { ApiStack } from './api-stack'
+import * as dotenv from 'dotenv'
+dotenv.config()
+
+const SwaggerParser = require('@apidevtools/swagger-parser')
+
+const {
+  STAGE = 'dev'
+} = process.env
+
+async function createApp(): Promise<cdk.App> {
+  const openApi: any = await SwaggerParser.dereference('./deploy/api-definition.yaml')
+  const app = new cdk.App()
+
+  
+  new ApiStack(app, `MyApiStack-${STAGE}`, {
+    stage: STAGE,
+    openApi: openApi,
+  })
+
+  return app
+}
+createApp()

package.json

@@ -0,0 +1,37 @@
+{
+  "name": "cdk-httpapi-lambda-with-openapi",
+  "version": "1.0.0",
+  "scripts": {
+    "build": "webpack",
+    "deploy": "cdk deploy --all",
+    "test": "jest --coverage",
+    "lint": "eslint --ext \".js,.ts\" --ignore-path .gitignore ."
+  },
+  "devDependencies": {
+    "@apidevtools/swagger-parser": "^10.0.2",
+    "@aws-cdk/aws-apigatewayv2": "^1.91.0",
+    "@aws-cdk/aws-lambda": "^1.91.0",
+    "@aws-cdk/aws-iam": "^1.91.0",
+    "@types/aws-lambda": "^8.10.72",
+    "@types/jest": "^26.0.10",
+    "@types/node": "10.17.27",
+    "@typescript-eslint/eslint-plugin": "^4.16.1",
+    "@typescript-eslint/parser": "^4.16.1",
+    "aws-cdk": "1.91.0",
+    "dotenv": "^8.2.0",
+    "eslint": "^7.21.0",
+    "eslint-plugin-jest": "^24.1.5",
+    "jest": "^26.4.2",
+    "ts-jest": "^26.2.0",
+    "ts-loader": "^8.0.17",
+    "ts-node": "^9.0.0",
+    "typescript": "~3.9.7",
+    "webpack": "^5.24.2",
+    "webpack-cli": "^4.5.0",
+    "webpack-node-externals": "^2.5.2"
+  },
+  "dependencies": {
+    "source-map-support": "^0.5.16"
+  }
+}
+

src/handler.ts

@@ -0,0 +1,8 @@
+import { APIGatewayProxyHandlerV2 } from 'aws-lambda'
+
+export const handler: APIGatewayProxyHandlerV2 = async (event) => {
+  return {
+    statusCode: 200,
+    body: JSON.stringify({message: 'HELLO'})
+  }
+}