Suggestions for web?

[kennetpostigo]

Would you have any suggestions for a react web aws3 uploader library? Want to use something with a similar API to this but for the web. As an application i'm working on will be a webapp and react native app (Android & iOS)

[benjreinhart]

I'm not sure for react specifically, though there are plenty solutions for uploading via web, including Amazon's own client.

This could be extended for the web fairly easily, but I don't have plans to do so at the moment.

[kennetpostigo]

@benjreinhart if you give me some information about what needs to be extended in the library I will gladly submit a PR as using one lib for both web and native clients would be great. Also great job on this library!

[benjreinhart]

@kennetpostigo I might be missing some things but here is my initial high-level thoughts. For web, I think it'd be pretty easy since we should not be generating signed urls on the client because that would require us to have the IAM user's secret key on the client. So I believe we may need the following features:

• Support for passing in a pre-signed URL. As @joonhocho pointed out in #3, it is not a good idea to be passing secret keys to clients. This is especially true on web where it is trivial to inspect source and find any information like secret keys if they were passed down to the client either in the JS or HTML. However, this would have to be optional because, for now at least, I'd still like to be able to generate the signed urls on the client in React Native. I may change my mind on this going forward.
• Would need to consider how far back you want to go with browser support. I'd be inclined to say ignore this, especially for now. Also, the code, as it exists, would probably be mostly compatible with most versions of major browsers but I'm not sure what methods I'm using that may not be available in all versions of all browsers.
• In addition to the point above, we'd need some build step and have a compiled version of the JS since browsers most definitely do not have full on ES6 support.

I'm guessing I'm missing something but that's what comes to mind.

[joonhocho]

@kennetpostigo, I am currently using the following repos on my project. https://github.com/joonhocho/s3-policy-middleware https://github.com/joonhocho/s3-policy-v4

I created these repos to generate s3 policy on the server side on Node.js. s3-policy-v4 is a simply refactored clone of react-native-aws3/src/S3Policy.js (thanks to @benjreinhart).

If you are using express, you can use s3-policy-middleware, which is a simple middleware wrapper around s3-policy-v4. If you are using node.js, but not express, then you can use s3-policy-v4 and create an endpoint yourself.

On the client side, you need to post to the endpoint with name and contentType (if you are using s3-policy-middleware), and you will receive the policy back in json format.

Then, you need to use the signed url that you receive with the policy to upload to s3 directly on the client side. I also have some code to upload to s3 using XMLHttpRequest which is available both on react native and web, but I haven't open sourced it yet. I will do it soon when I get some free time.

[kennetpostigo]

@benjreinhart Thanks for the information. I'll see if I can whip something up on my spare time.