undefined

Javascript Getting Started

ConnectyCube helps you implement real-time chat, video chat, push notifications and user authorization to any app with ease - no server side implementation required. You can concentrate fully on your mobile app development. Our JS SDK provides you with many helpful methods to build the chat and video chat from the client side.

This page presents a quick overview of the SDK’s functionalities and logic, then let you go through the easy steps of implementing ConnectyCube in your own app.

ConnectyCube Javascript SDK can be used on the following environments:

  • Browser
  • ReactNative
  • Cordova
  • NativeScript
  • Node.js

Create ConnectyCube app

Register a FREE ConnectyCube account at https://connectycube.com/signup, then create your 1st app and obtain an app credentials. These credentials will be used to identify your app.

All users within the same ConnectyCube app can communicate by chat or video chat with each other, across all platforms - iOS, Android, Web, etc.

When building a new app

If you are just starting your app and developing it from scratch, we recommend to use our Code Samples projects.

Download Code Samples

These code samples are ready-to-go apps with an appropriate functionality and simple enough that even novice developers will be able to understand them.

When integrating SDK into existing app

If you already have an app, do the following for integration.

Connect SDK

Browser

Simply connect the JS file as a normal script:

<script src="https://cdn.jsdelivr.net/npm/connectycube@x.x.x/dist/connectycube.min.js"></script>

where x.x.x is the desired JS SDK version (check for Releases page for all available versions).

The latest version is 1.7.2

Then a window scoped variable called ConnectyCube is created.

Or install the package as NPM module:

npm install connectycube --save

And add script to HTML file from the 'node_modules' folder (as a relative path):

<script src="~/node_modules/connectycube/dist/connectycube.min.js"></script>

See an example of simple application based on Webpack build

Node.js/NPM, Native Script

Simply install the package in a normal way:

npm install connectycube --save

and you're ready to go:

var cubeClient = require('connectycube');

React Native

Simply install the package in a normal way:

npm install connectycube-reactnative --save

and you're ready to go:

import { ConnectyCube } from 'connectycube-reactnative';
var CB = new ConnectyCube();

Initialize

Initialize framework with your ConnectyCube application credentials. You can access your application credentials in ConnectyCube Dashboard:

var CREDENTIALS = {
    appId: 21,
    authKey: 'hhf87hfushuiwef',
    authSecret: 'jjsdf898hfsdfk'
};

ConnectyCube.init(CREDENTIALS);

Configuration

An additional set of configs can be passed as a 2nd argument in init function:

var CONFIG = {
    debug: { mode: 1 } // enable DEBUG mode (mode 0 is logs off, mode 1 -> console.log())
};
ConnectyCube.init(CREDENTIALS, CONFIG);

React

We have a React bootstrap project for a faster start of using ConnectyCube SDK in React apps https://github.com/ConnectyCube/sample-init-react-js-app

Webpack integration

We have an example app of how to integarte Webpack and ConnectyCube SDK https://github.com/ConnectyCube/sample-webpack-build-app

SDK Changelog

The complete SDK changelog is available on ConnectyCube Javascript Releases GitHub page