How to use AWS S3 url setup credentials?

Question

I am trying to set up a simple S3 server I can pull a url (in this case it will be a Quickbase file that's been imported already), and by clicking a button will call a script stored in the Quickbase pages that will post to S3 with a tag field I defined, for simplicity's sake it's the dbid and record id# that's in a div field as its data that's pulled into the script as

var fileToUpload = $(this).attr('data');
var qbfiletag = $(this).attr('data');

Files to upload has the url exact that Quickbase is storing the file I need to import.

I know this is possible because the Juice and Zapier teams have done it, I am just having a hard time setting up the credentials to do this as a url.

I am not even 100% sure I set up the access key correctly. I did give read write access to mycompany.quickbase.com but other then that I have so much information for all the various that aws offers its hard to narrow down where I screwed up.

Answer 1

It looks like there are several steps to setting up your account to access S3 through JavaScript. After your bucket is created, you need to setup CORS by accessing the properties of the bucket and choosing to edit the CORS configuration. You mentioned giving read/write access to your company's domain so you have probably already done this. I used this one from Amazon to test:

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
<CORSRule>
    <AllowedOrigin>https://mycompany.quickbase.com</AllowedOrigin>
    <AllowedMethod>PUT</AllowedMethod>
    <AllowedMethod>POST</AllowedMethod>
    <AllowedMethod>DELETE</AllowedMethod>
    <AllowedHeader>*</AllowedHeader>
</CORSRule>

The second part is to create an IAM user in the Identity and Access Management Console. In the process of creating the user, Amazon will generate an access key ID and secret access key pair automatically. You'll need these for the API call later. You also need to attach a policy that establishes permissions for the user. I used the AmazonS3FullAccess policy for my test. All of this is done through that console.

Once your IAM user is setup you can pass the access key id and secret access key to the AWS configurator before instantiating the S3 object using the JavaScript SDK from Amazon.

AWS.config.update({accessKeyId: 'ABCDEFGHIJKLMNOP', secretAccessKey: 'a1b2c3d4e5f6g7i8j9k0+0012ab'});
var bucket = new AWS.S3({params: {Bucket: 'myBucketName'}});

From there you can use the bucket object to call any of the S3 methods in the SDK including uploading your file.