Upload file ke S3 menggunakan JavaScript

Tagged as: , , , ,

Masalah: Perlukan cara untuk upload file seperti foto untuk dipaparkan dalam blog tapi menggunakan storan sendiri, bukan third party service seperti Flickr atau Imgur.

Kekangan: Tiada server side programming.

Solusi

AWS S3 antara pilihan yang sesuai. S3 JavaScript SDK yang terkini sudah menyokong external OAuth authentication provider seperti Facebook, Google dan juga AWS Cognito. Sebelum ini menggunakan JavaScript sepenuhnya masih tidak mungkin disebabkan perlu menyediakan API secret key yang akan terdedah jika hanya menggunakan client side script. Sekarang 100% client side app sudah boleh dibina. Apa yang perlu adalah:-

  • Facebook app - Perlukan app id bila nak authenticate to S3.
  • Konfigur CORS pada S3.
  • Tambah IAM Role untuk Identity Provider Access - pilih Facebook.
  • Github pages untuk host HTML.

Boleh ikuti tutorial di sini - https://aws.amazon.com/developers/getting-started/browser/.

Written on May 1, 2017
Ikuti perkembangan terkini melalui twitter kami @koditi atau FB Page fb.me/koditi.