AWS API Gateway: SAM ローカル呼び出し中の OPTIONS リクエストの 403 エラーの解決

AWS API Gateway のローカル SAM 呼び出しの 403 エラーを修正しました。

解決策 1: Express.js と AWS SDK を使用した Node.js バックエンド。CORS と OPTIONS を効率的に処理します。

// Import required modules
const express = require('express');
const AWS = require('aws-sdk');
const cors = require('cors');
const app = express();
app.use(cors());
// Middleware for JSON request parsing
app.use(express.json());
// CORS preflight response handling
app.options('/scanRecords', (req, res) => {
  res.setHeader('Access-Control-Allow-Origin', '*');
  res.setHeader('Access-Control-Allow-Methods', 'POST, OPTIONS');
  res.setHeader('Access-Control-Allow-Headers', 'Content-Type, Authorization');
  res.status(200).send();
});
// Main POST method for scanRecords
app.post('/scanRecords', async (req, res) => {
  const dynamoDB = new AWS.DynamoDB.DocumentClient();
  try {
    const params = { TableName: 'RecordsTable' };
    const data = await dynamoDB.scan(params).promise();
    res.status(200).json(data);
  } catch (err) {
    res.status(500).send('Error fetching records');
  }
});
// Start the Express server on PORT 3000
app.listen(3000, () => {
  console.log('Server running on http://localhost:3000');
});

AWS SAM ローカルでの「認証トークンの欠落」の解決

解決策 2: ローカル SAM と API ゲートウェイで構成された Flask を使用した Python バックエンド

from flask import Flask, jsonify, request
import boto3
app = Flask(__name__)
# CORS headers for OPTIONS requests
@app.route('/scanRecords', methods=['OPTIONS'])
def options_method():
    response = app.response_class(status=200)
    response.headers['Access-Control-Allow-Origin'] = '*'
    response.headers['Access-Control-Allow-Methods'] = 'POST, OPTIONS'
    response.headers['Access-Control-Allow-Headers'] = 'Content-Type, Authorization'
    return response
# POST method to scan records from DynamoDB
@app.route('/scanRecords', methods=['POST'])
def scan_records():
    dynamodb = boto3.resource('dynamodb')
    table = dynamodb.Table('RecordsTable')
    try:
        response = table.scan()
        return jsonify(response['Items']), 200
    except Exception as e:
        return str(e), 500
# Run the Flask app on port 3000
if __name__ == '__main__':
    app.run(debug=True, host='0.0.0.0', port=3000)

SAM を使用した AWS API Gateway のローカル呼び出しのテスト

解決策 3: OPTIONS リクエストを処理し、403 エラーを回避するように SAM テンプレートを構成します。

Resources:
  scanRecords:
    Type: AWS::Serverless::Function
    Properties:
      Handler: dist/dynamo/CRUD.scanRecords
      CodeUri: ./backend
      Policies:
        - AmazonDynamoDBFullAccess
        - CloudWatchLogsFullAccess
      Events:
        ApiEvent:
          Type: Api
          Properties:
            Path: /scanRecords
            Method: post
  scanRecordsOptionsMethod:
    Type: AWS::ApiGateway::Method
    Properties:
      AuthorizationType: NONE
      HttpMethod: OPTIONS
      ResourceId: !Ref scanRecordsResource
      RestApiId: !Ref apiGatewayRestApi
      Integration:
        Type: MOCK
        IntegrationResponses:
          - StatusCode: 200
            ResponseParameters:
              method.response.header.Access-Control-Allow-Headers: "'Content-Type,X-Amz-Date,Authorization,X-Api-Key,X-Amz-Security-Token'"
              method.response.header.Access-Control-Allow-Methods: "'POST,OPTIONS'"
              method.response.header.Access-Control-Allow-Origin: "'*'"

AWS API Gateway 403 エラーに関するよくある質問

1. SAM ローカルでのみ 403 問題が発生し、導入時には発生しないのはなぜですか?
2. ローカル SAM 環境は、特に API ゲートウェイ構成を完全に模倣できない場合があります。 AuthorizationType CORS 設定。 OPTIONS リクエストの偽の統合を含め、ローカル設定がデプロイされた設定と一致していることを確認してください。
3. 「認証トークンがありません」エラーとは何ですか?
4. このエラーは、API ゲートウェイが認証トークンを必要としているが、それが与えられていないことを示します。 OPTIONS リクエストの場合は、次のことを確認してください。 AuthorizationType: NONE SAM テンプレートで正しく構成されています。
5. AWS API Gateway で CORS プリフライトリクエストを処理するにはどうすればよいですか?
6. CORS を処理するには、 OPTIONS メソッドは、次のような関連する応答ヘッダーで適切に設定されます。 Access-Control-Allow-Origin そして Access-Control-Allow-Methods。
7. AWS SAM を使用してローカルで CORS をテストできますか?
8. はい、CORS をローカルでテストできますが、 app.options() メソッドまたは同等の API ゲートウェイ設定は、プリフライト OPTIONS リクエストの適切なヘッダーを返します。
9. AWS API Gateway のモック統合とは何ですか?
10. あ MOCK integration バックエンド Lambda 関数を使用せずに API Gateway から静的応答を返すことができるため、OPTIONS リクエストの CORS 処理が簡素化されます。

AWS API Gateway 403 エラーの修正に関する最終的な考え

ローカル SAM 環境で OPTIONS リクエストの 403 エラーを修正するには、 SAM テンプレート 権限も適切に設定されています。ローカル環境を、デプロイされた AWS 構成にできるだけ近づけることが重要です。

トークンの欠落の問題を防ぐには、AuthorizationType を「NONE」に変更し、プリフライト CORS クエリに偽の統合を使用します。これらの設定の問題に対処することで、スムーズなローカル開発と適切な API ゲートウェイの動作が可能になります。