![:bow_tone1:]( ":bow_tone1:")
自己紹介
自己紹介先ずは簡単な自己紹介させていただきます。
僕は今まで10年間以上のWeb開発経験があり、その中に、４年間ぐらい日本での開発してきました。
日本人ではないので、投稿に日本語の文法がおかしい所があるかもしれません。
技術的な面を主にご覧いただければ、いいかなと思います。
![:coffee:]( ":coffee:")
今回の内容について簡単な説明
今回の内容について簡単な説明●VSCode利用して、ローカルでLambda（Node.js）開発環境の構築
●AWSのLambdaにソースコードのデプロイ
●AWS API Gatewayの作成（プロトコル:HTTP）
●AWS API Gatewayにより、生成されたURLで画面内容の確認
![:airplane_departure:]( ":airplane_departure:")
開発フォルダの初期化
開発フォルダの初期化手順は以下になります。
①VSCodeで新規フォルダを開く
②npm環境の初期化（事前にnpmのインストールが必要）
③aws sdkのインストール
cd /Users/name/Documents/workspaces/lambda/nodejs/TestProject1/
npm init
npm install aws-sdk
![:cherry_blossom:]( ":cherry_blossom:")
コーディング及びデプロイ用のzipファイル作成
コーディング及びデプロイ用のzipファイル作成サンプルソースコードを用意しましたので、全体の流れを体験するために、コピペでも良いかなと思います。
'use strict'letfs=require('fs')letpath=require('path')exports.handler=(event,context,callback)=>{letfilePath=path.join(__dirname,'index.html')lethtml=fs.readFileSync(filePath).toString()sendHtmlResponse(context,200,html)}// レスポンスfunctionsendHtmlResponse(context,statusCode,html){letresponse={'statusCode':statusCode,'headers':{'Content-Type':'text/html'},'body':html}context.succeed(response)}HTMLファイルのソースコード
<!DOCTYPE html><htmllang="ja"><head><metacharset="utf-8"><title>テスト画面</title></head><body><h1>Hello World!</h1><p>メイン画面</p></body></html>ファイルができたら、プロジェクトフォルダの構造は以下のようなになるはずです。
TestProject1/
├ node_modules/
├ index.html
├ index.js
├ package-lock.json
└ package.json
次のコマンドでプロジェクトフォルダを圧縮します。
zip -r ../TestProjcet1.zip .できたzipファイルはプロジェクトの上層フォルダに格納されているはずです。
AWSで新規Lambda関数作成及びデプロイ
「一から作成」、ランタイム（Node.js 12.x）がデフォルトのままで、関数名だけ入力して、作成します。
作成できたら、次の画面が表示されます。「アップロード元」ボタンをクリックして、「zip ファイル」の選択肢にクリックします。
そして、アップロードに先ほどできたzipファイルを選択して、保存します。
成功のメッセージが出たら、デプロイ作業が完了しました。
AWS API Gatewayの作成
HTTP APIを構築します。
次の画面キャプチャのように設定します。（API名は好きにしても構いません）
ルート、ステージの設定はデフォルトのままで大丈夫です。
作成できたら、次のような画面が表示されます。
AWS API Gatewayにより、生成されたURLで画面内容の確認
以上の手順に問題がなければ、「URLを呼び出す」欄のリンクをコピーして、URLの最後にLambda関数名を連結して、ブラウザでアクセスと、作成した画面が表示されるはずです。
連結のURLは以下のようになります。
https://xxxxxxx.execute-api.ap-northeast-1.amazonaws.com/TestProject1
xxxxxxxはAPI GatewayのAPI IDによって違います。
ap-northeast-1は東京リージョンです。AWSのリージョンによって違います。
今回の手順にはaws-sdkをインストールしなくても同じ効果になりますが、実際開発する時にAWSの他のサービスの使用を簡略化するために、基本的に使われています。
以上、ご覧いただきありがとうございました！