Fetching JSON-file from ipfs and parsing/displaying on a webpage (using 'ipfs-core')

Help Coding
4

Hey had the same issue a while back.

Here are some resources I used to find the answer

In general if you have json uploaded at a certain CID, you can use the following to retrieve it in JSON format:

// In the imports

import {concat} from 'uint8arrays'
import * as IPFS from 'ipfs-core'

// In the method, assuming you already have created an IPFS instance (await IPFS.create() etc)

for await (const chunk of ipfs.cat(CID)) {
     chunks.push(chunk);
}

const data = concat(chunks)
const decodedData = JSON.parse(new TextDecoder().decode(data).toString());

So the decodedData will be your retrieved JSON object.
Apart from the ipfs-core library, you would have to install uint8arrays which you can find here

Best of luck!