Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

AWS S3 Storybook example not working #190

Open
jpylisela opened this issue May 8, 2023 · 1 comment
Open

AWS S3 Storybook example not working #190

jpylisela opened this issue May 8, 2023 · 1 comment

Comments

@jpylisela
Copy link

https://chonky.io/storybook/2.x/?path=/story/file-browser-demos--s-3-browser

Likely an S3 Bucket permission issue: "Access Denied"

@jpylisela jpylisela changed the title AWS Storybook example not working AWS S3 Storybook example not working May 8, 2023
@asharifauzan
Copy link

https://chonky.io/storybook/2.x/?path=/story/file-browser-demos--s-3-browser

Likely an S3 Bucket permission issue: "Access Denied"

seems like in the storybook demo they still use lib aws-sdk which is soon it will be deprecated, I recreated this using lib @aws-sdk/client-s3 and its works without any issues, here is the example

import { S3 } from "@aws-sdk/client-s3";

const BUCKET_HOST = "http://127,0.0.1:9004/"; // additional var since I use on premise S3
const BUCKET_NAME = "bucker-name";
const BUCKET_REGION = "eu-west-2";
const ACCESS_KEY_ID = "key";
const SECRET_ACCESS_KEY = "secret";

const S3Client = new S3({
  region: BUCKET_REGION,
  endpoint: BUCKET_HOST,
  credentials: {
    accessKeyId: ACCESS_KEY_ID,
    secretAccessKey: SECRET_ACCESS_KEY
  }
});

const fetchS3BucketContents = async (bucket, prefix) => {
   // use method listObjects instead of listObjectsV2
  const s3 = await S3Client.listObjects({
      Bucket: bucket,
      Delimiter: "/",
      Prefix: prefix !== "/" ? prefix : "",
  });

  ..........................
 };

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants