https://github.com/vasco-santos/ipfs-browser-pubsub-example

Pubsub example using libp2p in the browser
https://github.com/vasco-santos/ipfs-browser-pubsub-example

Last synced: 8 minutes ago
JSON representation

Pubsub example using libp2p in the browser

• Host: GitHub
• URL: https://github.com/vasco-santos/ipfs-browser-pubsub-example
• Owner: vasco-santos
• Created: 2020-09-07T13:17:23.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-09-15T12:31:47.000Z (about 4 years ago)
• Last Synced: 2024-10-12T13:39:13.110Z (2 months ago)
• Language: JavaScript
• Size: 3.91 KB
• Stars: 3
• Watchers: 3
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# IPFS pubsub example in the browser

This example leverages the [Parcel.js bundler](https://parceljs.org/) to compile and serve the IPFS code in the browser. Parcel uses [Babel](https://babeljs.io/) to handle transpilation of the code. You can use other bundlers such as Webpack or Browserify, but we will not be covering them here.

## Setup

In order to run the example, first install the dependencies:

```

npm install

```

## Running the examples

Start by running the Parcel server:

```

npm start

```

The output should look something like this:

```log

$ npm start

> parcel index.html

Server running at http://localhost:1234

✨  Built in 1000ms.

```

This will compile the code and start a server listening on port [http://localhost:1234](http://localhost:1234). Now open your browser to `http://localhost:1234`. You should see a log of your node's Peer ID, the discovered peers from the Bootstrap module, and connections to those peers as they are created.

Now, if you open a second browser tab to `http://localhost:1234`, you should discover your node from the previous tab. This is due to the fact that the `libp2p-webrtc-star` transport also acts as a Peer Discovery interface. Your node will be notified of any peer that connects to the same signaling server you are connected to. Once libp2p discovers this new peer, it will attempt to establish a direct WebRTC connection.

A common topic will be subscribed and random messages will be exchanged between the peers over time.