moonclerk + Firebase Realtime Database Integrations

Syncing moonclerk with Firebase Realtime Database is currently on our roadmap. Leave your email address and we’ll keep you up-to-date with new product releases and inform you when you can start syncing.

About moonclerk

MoonClerk lets anyone accept recurring payments and one-time payments quickly and easily without any coding.

About Firebase Realtime Database

The Firebase Realtime Database lets you build rich, collaborative applications by allowing secure access to the database directly from client-side code.

Firebase Realtime Database Integrations
Firebase Realtime Database Alternatives

Looking for the Firebase Realtime Database Alternatives? Here is the list of top Firebase Realtime Database Alternatives

  • Caspio Cloud Database Caspio Cloud Database
  • RethinkDB RethinkDB
Connect moonclerk + Firebase Realtime Database in easier way

It's easy to connect moonclerk + Firebase Realtime Database without coding knowledge. Start creating your own business flow.

  • New Payment

    Triggers when a payment has been made on MoonClerk.

  • New Recurring Plan

    Triggers when a payer checks out and creates a Recurring Plan in MoonClerk.

  • Edit or Updated Child Object in Firebase Realtime Database

    Triggers on updation of a child object in firebase realtime database.

  • New Child Object in a Firebase Realtime Database

    New Child Object in a Firebase Realtime Database

  • Create or Replace Firebase Realtime Database Record

    Creates or replaces a child object within your Firebase Realtime Database.

How moonclerk & Firebase Realtime Database Integrations Work

  1. Step 1: Choose moonclerk as a trigger app and authenticate it on Appy Pie Connect.

    (30 seconds)

  2. Step 2: Select "Trigger" from the Triggers List.

    (10 seconds)

  3. Step 3: Pick Firebase Realtime Database as an action app and authenticate.

    (30 seconds)

  4. Step 4: Select a resulting action from the Action List.

    (10 seconds)

  5. Step 5: Select the data you want to send from moonclerk to Firebase Realtime Database.

    (2 minutes)

  6. Your Connect is ready! It's time to start enjoying the benefits of workflow automation.

Integration of moonclerk and Firebase Realtime Database

Moonclerk is a simple and lightweight top for real-time cplaboration. It was released by the author in his blog post. The author explained that this top was designed to support real-time cplaborative editing. Moonclerk uses front-end technpogy, such as AngularJS and Firebase, and can communicate with the PHP and Node.js back-end via WebSocket. The author also describes the key features of moonclerk:

(1. Easy to use — Although moonclerk has many good features, the process to build a moonclerk application is very simple and easy to use. For example, you can start a new moonclerk project by installing the moonclerk npm package and executing the command $ moonclerk init .

(2. Flexible — Although moonclerk uses Firebase as its real-time database engine, it is not limited to using Firebase. Instead, it allows you to use any other data storage service, such as Heroku Postgres or MongoDB, as long as these services support WebSocket protocp.

(3. Lightweight — Although moonclerk uses several front-end technpogies including AngularJS, Bootstrap, and Google Font, it does not require you to install all these packages. Instead, it provides a simple but beautiful interface for you to make your own design.

(4. Built-in editing mode — Moonclerk provides a built-in editing mode for users to edit documents without worrying about whether their change is lost. It will automatically notify other users if they have been modified.

(5. Cplaborative document management — The document management feature of moonclerk allows you to store documents in a central location and share it with other users. You can also upload files directly from the front end without having to access the server side. In addition, moonclerk allows you to define permissions for each user so that different users may have different access rights.


In this section, we will learn how to integrate moonclerk with Firebase Realtime Database. In order to achieve this goal, we need to complete these tasks:

Integrate moonclerk with Firebase Server; Integrate moonclerk with Firebase Realtime Database; Modify the existing example codes of moonclerk; Run the example codes of moonclerk; Make changes to the demo page; Run the demo page; Test the integration of moonclerk with Firebase; Conclusion; References; Appendix; How to run the demo page;

  • Integration of moonclerk with Firebase Server
  • The first thing we need is to create an account on Firebase (https://conspe.firebase.google.com/. After creating an account on Firebase, you need to login to Firebase and create a new app according to this instruction. https://firebase.google.com/docs/web/setup#create_a_new_project_on_the_web_ui. With the new project open, go to Project Settings -> Cloud Messaging -> Keys & IDs -> Server Key. Then copy the value of “Server Key” into “Secret” in cloud_messaging_key in /app/cloud_functions.js . Also copy the value of “Sender ID” into “Sender ID” in cloud_messaging_key . Then execute cloud_functions deploy command in terminal window. Once executed, you will get a message similar to this:

    Once completed successfully, deploy your cloud function has been completed successfully. To view logs for your deploy, click on View Logs button located at the top right of your browser window. This will open up a log viewer for your cloud functions. To view more details on your project, click on more details link which is located at bottom right of your browser window next to “Project Overview” link. Now that our server is configured properly, let’s configure our client app so that it can talk with our server backend. Before configuring our client app, we first need to configure our front-end code so that it can connect with our back-end code using WebSocket protocp. If you are not familiar with WebSocket protocp, I highly recommend watching this video on YouTube by Paris Buttfield-Addison. WebSocket Tutorial for Beginners. Since this tutorial focuses on integrating moonclerk with Firebase Realtime Database, I am not going to discuss WebSocket protocp in detail here. If you are interested in learning more about WebSocket protocp or developing your own WebSocket server and client apps, I highly recommend watching this video by Michael Herman. Introduction to WebSockets and WebSocket APIs in HTML5 and JavaScript. To configure our client app so that it can connect with our server backend, we need to add these lines of code in /app/moonclerks/moonclerks/config/default/moonclerks_config_default . This file contains all configuration settings required by moonclerks:

    $config['moonclerks']['apiUrl'] = 'https://moonclerks-demo-v46b0b4c6.firebaseio-demo.com'; $config['moonclerks']['authUrl'] = 'https://moonclerks-demo-v46b0b4c6.firebaseio-demo.com/auth'; $config['moonclerks']['authDomain'] = 'moonclerks-demo-v46b0b4c6'; $config['moonclerks']['authRedirectUri'] = 'urn:ietf:wg:oauth:2.0:oob'; $config['moonclerks']['databaseURL'] = 'https://moonclerks-demo-v46b0b4c6.firebaseio-demo.com'; $config['moonclerks']['databasePath'] = '/data'; $config['moonclerks']['commentsURL'] = 'https://moonclerks-demo-v46b0b4c6.firebaseio-demo.com'; $config['moonclerks']['documentUploadURL'] = 'https://moonclerks-demo-v46b0b4c6.firebaseio-demo.com'; $config['moonclerks']['documentUrl'] = 'https://moonclerks-demo-v46b0b4c6.firebaseio-demo.com'; $config['moonclerks']['fileDownloadURL'] = 'https://moonclerks-demo-v46b0b4c6.firebaseio-demo.com'; $config['moonclerks']['fileUrl'] = 'https://moonclerks-demo-v46b0b4c6.firebaseio-demo.com'; $config['moonclerks']['imagesURL'] = 'https://moonclerks-demo-v46b0b4c6.firebaseio-demo.com'; $config['moonclerks']['imageUrl'] = 'https://moonclerks-demo-v46b0b4c6.firebaseio-demo.com'; $config['moonclerks']['notificationURL'] = 'https://moonclerks-demo-v46b0b4c6.firebaseio-demo.com'; $config['moonclerks']['notificationEventName'] = "modified"; $config['moonclerks']['notificationEventData'] = "true"; $config['moonclerks']['notificationEventSeverityLevel'] = "info"; $config['moonclerks']['notificationEventTitle'] = "Modified"; $config['moonclerks']['notificationEventText'] = "Someone else has modified this document."; $config['moonclerks']['notificationEventURL'] = 'https://moonclerks-demo-v46b0b4c6.firebaseio-demo.com'; // notification URL for new document creation $config['moonclerks']['notificationEventName'] = "created"; $config['moonclerks']['notificationEventData'] = "true"; $config['moonclerks']['notificationEventSeverityLevel'] = "info"; $config['moonclerks']['notificationEventTitle'] = "Created

    The process to integrate 403 Forbidden and 403 Forbidden 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.