BlobServiceClient cannot connect by connection string, Buffer is not defined

Question

i want to use storage account in my react webpage. For that i am using BlobServiceClient.

When i am using SAS connection string

const blobServiceClient = BlobServiceClient.fromConnectionString("BlobEndpoint=...")

Everything works fine but when i want to switch for storage account connection string:

const blobServiceClient = BlobServiceClient.fromConnectionString("DefaultEndpointsProtocol=https;...")

my page stuck. My question is, why i can not use standard connection string in BlobServiceClient?

EDIT:

Error from console:

utils.common.ts:184 Uncaught (in promise) ReferenceError: Buffer is not defined
    at extractConnectionStringParts (utils.common.ts:184:22)
    at Function.fromConnectionString (BlobServiceClient.ts:386:28)
    at Component._fetchContainer (Component.tsx:107:53)
    at Component.componentDidMount (Component.tsx:46:20)
    at commitLifeCycles (react-dom.development.js:20663:24)
    at commitLayoutEffects (react-dom.development.js:23426:7)
    at HTMLUnknownElement.callCallback2 (react-dom.development.js:3945:14)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:3994:16)
    at invokeGuardedCallback (react-dom.development.js:4056:31)
    at commitRootImpl (react-dom.development.js:23151:9)

Gaurav Mantri · Accepted Answer · 2022-05-26 10:16:10Z

1

The reason you are running into this error is because you are trying to connect to your Storage account from a JavaScript app (and not a Node app). Account connection string based connections are only allowed for Node apps.

From the documentation here:

Account connection string or a SAS connection string of an Azure storage account. [ Note - Account connection string can only be used in NODE.JS runtime. ]

answered May 26, 2022 at 10:16

Gaurav Mantri

137k17 gold badges246 silver badges282 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

michasaucer Over a year ago

Okay, thanks, but im running my app in docker and i am using command

npm config set "strict-ssl" false -g && yarn config set "strict-ssl" false -g && yarn install --frozen-lockfile --production=false && yarn start

for starting it. I am not a frontend dev but is it not node js runtime? Frontend is written in REactJS

Gaurav Mantri Over a year ago

Is your code is running in Frontend (in your React App) or Backend (some API using Node)?

michasaucer Over a year ago

it is running in frontend

Gaurav Mantri Over a year ago

Yeah, then you can't use the full account connection string. You will need to use a SAS Token based connection string.

michasaucer Over a year ago

Gracias, there is a workaround to use connection string?

|

Collectives™ on Stack Overflow

BlobServiceClient cannot connect by connection string, Buffer is not defined

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related