Using AWS Lambda and API Gateway to serve static javascript?

Question

I am writing a third party widget that executes javascript client side to add a button to the users site. Essentially, the user will include a tag on their site that includes a path to my widget. The URL for that path will include the app_id for the particular user calling the widget. For example

<script src="www.widget.com/widget/{USER_ID}">

I want to be able to use AWS Lambda and API Gateway to do some quick authentication that the user is allowed to download the widget and serve the javascript content. This is super simple with something like res.sendFile in Express.js, but API Gateway doesn't seem to support sending a file. Is there any way that I can use API Gateway to serve the javascript quickly, without having to stringify the entire file?

Abhigna Nagaraja · Accepted Answer · 2016-08-16 21:40:24Z

2

You can setup api gateway to proxy all requests to s3 which hosts the file (S3 proxy example). Otherwise you can setup a Http Proxy integration and then run a backend http server that serves the entire file. To perform authentication on the request you can execute a lambda function as a custom authorizer

If you have a lambda integration type, the only was is to return the entire file in the response using callback lambda documentation for callback.

answered Aug 16, 2016 at 21:40

Abhigna Nagaraja

1,91417 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

JensenS Over a year ago

Thank you for the response! The problem with the custom authorizer feature is that the token has to come from the header. Given that I need the auth token to come from the url param that wont work. Do you know of another way that I can authenticate before allowing access to S3?

Camilo Ortegón · Accepted Answer · 2019-08-06 02:27:41Z

1

First, you can respond something like this in your Lambda function:

{
    statusCode: 200,
    headers: { 
        "content-type": "text/javascript"
    },
    body: buildMyJavascriptFileInTextFormat(event.user_id),
    isBase64Encoded: false,
}

Then go to your API Gateway resource and set up the integration following these steps:

Method Request:

Add a query string called user_id.

Integration Request:

{
    "user_id": "$input.params('user_id')"
}

Integration Response

Go to Status code: 200, create a Mapping template called: text/javascript and set up this:

$input.path('body')

Method Response

In the box of Response Body for 200 change the Content-Type to text/javascript.

answered Aug 6, 2019 at 2:27

Camilo Ortegón

3,7413 gold badges29 silver badges34 bronze badges

Collectives™ on Stack Overflow

Using AWS Lambda and API Gateway to serve static javascript?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related