chat-examples-javascript's Introduction

PubNub JavaScript Chat

This repository contains sample code from the Chat Resource Center.

Repository structure

Directory	Description
`examples`	Sample applications which show how to implement chat functionality using the PubNub SDK.
`examples > react`	Source files for the Animal Forest Chat application. The complete tutorial can be found here.
`snippets`	Verified and tested code snippets used in documentation. Snippets from `chat-resource-center/` are used in the Chat Resource Center.

Animal Forest Chat Application

Requirements

Node.js
Gulp - required to install project dependencies.

Prerequisites

Sign Up for a PubNub Account

If you don't already have an account, you can create one for free here.

Sign in to your PubNub Admin Dashboard, click Create New App, and give your app a name.
Select your new app, then click its keyset. Copy the Publish and Subscribe keys. You'll need these keys to include in this project.
Scroll down on the Key Options page and enable the Presence and Storage & Playback add-on features.
Click Save Changes, and you're done!

Using your PubNub keys

Add your PubNub keys to the keys file in the config folder:

cd examples/react/
vi src/config/keys.js

The file should look like the following:

module.exports = {
    publishKey: 'YOUR_PUBLISH_KEY',
    subscribeKey: 'YOUR_SUBSCRIBE_KEY'
  };

Building the project

Navigate to the react project directory:

cd examples/react/
npm install

Run the app in development mode:

$ npm start

Open http://localhost:3000 to view it in the browser.

Further Information

For more information about this project, or how to create your own chat app using PubNub, please check out the React tutorial in the Chat Resource Center.

Recommend Projects