haniffalab / webatlas-pipeline

A data pipeline built in Nextflow to process spatial and single-cell experiment data for visualisation in WebAtlas
MIT License
46 stars 10 forks source link

Not able to visualize the data hosted on AWS S3 bucket #145

Closed ashishjain1988 closed 1 month ago

ashishjain1988 commented 1 month ago

Hi @dannda @BioinfoTongLI @davehorsfall ,

I am trying to visualize the data hosted on the AWS S3 bucket but the webatlas app is not able to visualize it. I have made the whole test data public and was able to see the content of the config file. I would really appreciate your input on this!

Regards, Ashish Jain

dannda commented 1 month ago

It seems to me that you need to enable CORS on the bucket so the webapp can load it. Could you try enabling it? You can configure it in different ways depending on how you manage your bucket, maybe these docs are helpful. And setting it to something like

<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
    <CORSRule>
        <AllowedMethod>GET</AllowedMethod>
        <AllowedMethod>HEAD</AllowedMethod>
        <AllowedOrigin>*</AllowedOrigin>
        <AllowedHeader>Access-Control-Allow-Origin</AllowedHeader>
        <AllowedHeader>Authorization</AllowedHeader>
        <AllowedHeader>Content-Length</AllowedHeader>
        <AllowedHeader>Content-MD5</AllowedHeader>
        <AllowedHeader>Content-Type</AllowedHeader>
        <AllowedHeader>Origin</AllowedHeader>
        <ExposeHeader>ETag</ExposeHeader>
    </CORSRule>
</CORSConfiguration>
ashishjain1988 commented 1 month ago

Hi @dannda

Thank you for this information. I was able to visualize the data after adding these settings to CORS.However, I need to convert to JSON format.

[
    {
        "AllowedHeaders": [
            "Access-Control-Allow-Origin",
            "Authorization",
            "Content-Length",
            "Content-MD5",
            "Content-Type",
            "Origin"
        ],
        "AllowedMethods": [
            "GET",
            "HEAD"
        ],
        "AllowedOrigins": [
            "*"
        ],
        "ExposeHeaders": [
            "ETag"
        ]
    }
]

Regards, Ashish