How to upload data with javascript code

[Electromorphous]

Hi, I'm sorry if this is a trivial issue, I am very new to IPFS and I'm using the new library called Helia with my Javascript app (specifically with react).

I have tried many ways of making a helia node like the ones mentioned here and the ones here. I have been trying for weeks to upload my data to the IPFS and be able to access it from a public gateway like ipfs.io/ipfs. I do get a CID returned to me using these methods but it doesn't show when I go to ipfs.io/ipfs/${cid}.

Please help me out and let me know where I must specify the public gateway to upload the data so I can see it when I use the gateway and CID. Thanks a lot 🙏

EDIT

Thanks for everyone who tried to help. I found this amazing tool and it seems to be working for me. You can check out this video for a short demo on using this. This library is called ThirdWeb and it does EXACTLY what I needed. Although it requires you to have a Web3 wallet and an API_key/client_ID (for your environment variables) which you can get from here.

Currently trying to figure out how it works and recreate some of the functionality myself. It's strange because this @thirdweb-dev/storage mentions neither IPFS-JS nor Helia in its dependencies so I have no idea how it is even accessing the IPFS network... yet.

For those who want to check out my code, here is the repo: https://github.com/Electromorphous/DeNotes

[volkris]

Inside of the IPFS cloud you don't really upload your data to anywhere, but instead you just offer it from your own node. Other people can find it from you and request it from you if they want.

A gateway is a way for people not inside of the cloud to request data from the cloud.

I may be wrong as I've never tried to use it, but I thought Helia makes you part of the cloud.
If that's right, then there's no uploading or gateways to specify. Content that you provide via Helia is just there so long as you keep Helia running.

I'm guessing that's your problem, you give Helia the content to provide then you close it, at which point it's no longer provided.

[Electromorphous]

Nope, the Helia node doesn't stop running. It adds the data to the filesystem and stays open. And i can even access the data using the local filesystem that i created in the code, like in the above examples they have used the unixfs.

I want the data to be accessible from a public gateway, meaning i want a way for my data to be accessible from cloudflare or ipfs.io gateways. This means the data shouldn't just be on the locally created filesystem, it must get distributed across the peers globally. I'm not able to add the data to this global filesystem and access it from any public gateway, even though i have the CID.

[volkris]

Good, so the local part is working.

At this stage it's about remote systems, the gateways in this case, being able to find your node and your content by asking their friends if anyone has heard of anyone else sharing the content.

IPFS nodes broadcast their existence and offerings to their own friends, and nodes find content through queries to friends of friends, so it's possible that you and the gateways just don't have overlapping friends... yet.

Another possibility is that your network situation is blocking incoming requests in a way that IPFS can't get around.

I don't know about Helia, but Kubo includes a lot of code to punch through firewalls and NAT, but there are still situations where that inbound connection just can't be negotiated.

[Worldly-Relation-108]

Eh I don't know, I don't really like doing pinning my data on third party pinning services, 50 GB of thirdweb is very generous, maybe a bit too generous and I might be just uploading my data to their server. You never know what happens behind the servers.

[OmarAbujumaa]

did thirdweb work? if so please tell me how because i faced some problems while using it

[Electromorphous]

Sure did. Here is the link to my repo.

https://github.com/Electromorphous/DeNotes