Snov.io + Firebase Realtime Database Integrations

Snov.io

Snov.io is a simple and powerful cloud-based software development kit (SDK. for building real-time communication services, including audio/video chat, text messaging, and file sharing. The SDK comes with integrations to the Firebase platform and other third-party platforms and technpogies.

Firebase Realtime Database

Firebase Realtime Database is a NoSQL database that allows you to store and sync data in realtime. It’s designed to power realtime apps, and it makes it easy to build web and mobile apps that deliver up-to-date data to your users as soon as any changes are saved.

Integration of Snov.io and Firebase Realtime Database

The integration of Snov.io and Firebase Realtime Database helps developers to build a real-time communication service. In this case study, we integrate Snov.io with Firebase Realtime Database via Node stack.

The fplowing steps illustrate how to integrate Snov.io with Firebase Realtime Database:

Create a new project from the Snovio dashboard by going to “Project Settings” and clicking on the “Create New Project” button. Select the “Node Stack” template and provide a name for your project. After creating a new project, you will be redirected to the project management dashboard where you can find your newly created project. You can view the status of your new project by clicking on the “Project Status” tab on the left side menu bar of your project dashboard. The status of your newly created project should be “Created” at this point. If not, please wait until the status updates automatically to “Created” before moving on to the next step. After creating a new project in the Snovio dashboard, you will be redirected to the project management dashboard where you can find your newly created project. To add a new app to your project, go to “Apps” on the left side menu bar of your project dashboard and click on “New App” button in the top right corner of the page. In the app creation form, enter a unique name for your app and select “Sign Up” for the type of your app. At this point, the status of your new app should be “Pending Approval”. If not, please wait until the status updates automatically to “Pending Approval” before moving on to the next step. After creating a new project in the Snovio dashboard, you will be redirected to the project management dashboard where you can find your newly created project. To add a new app to your project, go to “Apps” on the left side menu bar of your project dashboard and click on “New App” button in the top right corner of the page. In the app creation form, enter a unique name for your app and select “OAuth 2.0 Client” for the type of your app. At this point, the status of your new app should be “Pending Approval”. If not, please wait until the status updates automatically to “Pending Approval” before moving on to the next step. After creating a new project in the Snovio dashboard, you will be redirected to the project management dashboard where you can find your newly created project. To add a new app to your project, go to “Apps” on the left side menu bar of your project dashboard and click on “New App” button in the top right corner of the page. In the app creation form, enter a unique name for your app and select “Full Credentials” for the type of your app. At this point, the status of your new app should be “Pending Approval”. If not, please wait until the status updates automatically to “Pending Approval” before moving on to the next step. After creating a new project in the Snovio dashboard, you will be redirected to the project management dashboard where you can find your newly created project. To add a new app to your project, go to “Apps” on the left side menu bar of your project dashboard and click on “New App” button in the top right corner of the page. In the app creation form, enter a unique name for your app and select “User Created” for the type of your app. At this point, the status of your new app should be “Pending Approval”. If not, please wait until the status updates automatically to “Pending Approval” before moving on to the next step. After creating a new project in the Snovio dashboard, you will be redirected to the project management dashboard where you can find your newly created project. To add a new app to your project, go to “Apps” on the left side menu bar of your project dashboard and click on “New App” button in the top right corner of the page. In the app creation form, enter a unique name for your app and select “Anonymous OAuth 2 Client” for the type of your app. At this point, the status of your new app should be “Pending Approval”. If not, please wait until the status updates automatically to “Pending Approval” before moving on to the next step. After creating a new project in the Snovio dashboard, you will be redirected to the project management dashboard where you can find your newly created project. To add a new app to your project, go to “Apps” on the left side menu bar of your project dashboard and click on “New App” button in the top right corner of the page. In the app creation form, enter a unique name for your app and select “Firebase Auth Provider” for the type of your app. At this point, you will be prompted if you want Snovio Cloud API Webhooks enabled or not in addition with Firebase Auth Provider when signing up via email or phone number — please click on Yes button (see image below. After completing all steps above, go back to Apps section on your project management dashboard and check that all apps are listed there with their statuses changed from Pending Approval (if you did everything according to steps above. to Active (you might need some time for this step depending on how many apps you added. Now open snovio_index_app/index.js file and replace its content with:

const snovApp = require('snovio-app'); const usrId = "YOUR_SNOVIO_CLIENT_ID"; const passwd = "YOUR_SNOVIO_CLIENT_PASSWORD"; // Replace YOUR_SNOVIO_CLIENT_ID with real client ID // Replace YOUR_SNOVIO_CLIENT_PASSWORD with real client password module.exports = snovApp({ usrId. usrId, passwd. passwd }); 1 2 3 4 5 6 7 8 9 10 11 const snovApp = require ( 'snovio-app' . ; const usrId = "YOUR_SNOVIO_CLIENT_ID" ; const passwd = "YOUR_SNOVIO_CLIENT_PASSWORD" ; // Replace YOUR_SNOVIO_CLIENT_ID with real client ID // Replace YOUR_SNOVIO_CLIENT_PASSWORD with real client password module . exports = snovApp ( { usrId . usrId , passwd . passwd } . ; Open package.json file and add snovio-app dependency:

{ ... "dependencies". { "snovio-app". "^1.1" } } 1 2 3 4 5 { . . . "dependencies" . { "snovio-app" . "^1.1" } } Install dependencies from package.json file:

npm install 1 npm install Start server:

npm start 1 npm start Visit http://localhost:3000/admin in browser and login using credentials from step 2 (instructions are available here. Add two urls — /userChatRoom/roomId/componentId/chatRoomId/messageId — and /userChatRoom/roomId/componentId/chatRoomId/messageId?file=fileName — with components connected with given room Ids (the same room

The process to integrate Snov.io and Firebase Realtime Database may seem complicated and intimidating. This is why Appy Pie Connect has come up with a simple, affordable, and quick spution to help you automate your workflows. Click on the button below to begin.