Small example for IPFS in Browser

FledgeXu · January 30, 2021, 10:47am

Demo Link
Basic idea here is boosting a ipfs node when you visit this site and this ipfs node will download a IPLD object from IPFS network and then render it.
It’s just small example to test IPFS in browser. For now, IPFS in Browser seems to only can connect IPFS node which enable websocket(Not support DHT yet, Maybe we can use WebRTC to implement DHT?)
There is the source code

Kharaa · January 30, 2021, 2:01pm

Awesome work, i think the main problem for implementing most P2P applications in the web browser is the lack of uncomplicated ways to do P2P networking. As for implementing a DHT on top of WebRTC here’s a paper I found about that, it highlights the steps you need to go through to create a P2P WebRTC connection.

FledgeXu · January 30, 2021, 4:18pm

I did some research and found js-IPFS already supported WebRTC(maybe?)

github.com

ipfs/js-ipfs/blob/ipfs@0.49.1/examples/browser-exchange-files/public/app.js#L48


let node
let info
/* ===========================================================================
   Start the IPFS node
   =========================================================================== */
async function start () {
  if (!node) {
    node = await IPFS.create({
      repo: 'ipfs-' + Math.random(),
      config: {
        Addresses: {
          Swarm: [
            // This is a public webrtc-star server
            '/dns4/wrtc-star1.par.dwebops.pub/tcp/443/wss/p2p-webrtc-star',
            '/dns4/wrtc-star2.sjc.dwebops.pub/tcp/443/wss/p2p-webrtc-star',
            '/ip4/127.0.0.1/tcp/13579/wss/p2p-webrtc-star'
          ]
        },

Kharaa · January 30, 2021, 4:20pm

Yeah i’m looking into that right now actually, Ill post here if I find anything

Topic		Replies	Views
WebRTC support in js-Ipfs browser node and how to use it? Help js-ipfs	5	2859	March 9, 2022
A guide to IPFS connectivity in web browsers \| IPFS Blog & News Blog Posts	0	430	June 10, 2021
How would IPFS be implemented in browser? Old FAQ	0	415	May 23, 2017
Can't seem to get browser js-ipfs functioning over the net using webrtc-star or circuit-relay Help js-ipfs	3	739	April 17, 2021
JS-IPFS pubsub support with html/javascript only? Help	4	491	July 3, 2020

Small example for IPFS in Browser

Related topics