Code Monkey home page Code Monkey logo

firebase-wordpress-plugin's Introduction

Integrate Firebase WordPress Plugin

Contributors: dalenguyen

Buy me a coffee: https://www.paypal.me/DaleNguyen

Tags: firebase, wordpress

Requires at least: 4.0.0

Tested up to: 5.9

Stable tag: 0.9.1

Requires PHP: 5.2.4

License: GPLv2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Integrate Firebase is a plugin that helps to integrate Firebase features to WordPress

Announcement

If you want a secured implementation, with much more features, check the Interate Firebase PRO version.

Description

The Integrate Firebase Plugin will help a Firebase user to login to your WordPress interface - not to WordPress dashboard - from Firebase authentication. You can show user info display data that is only available to your Firebase users.

You also can view Real Time Database and Firestore from your Dashboard in Version 0.5.3

Links

Installation

If installing the plugin from wordpress.org:

  1. Upload the entire /integrate-firebase directory to the /wp-content/plugins/ directory.
  2. Activate Integrate Firebase Plugin through the 'Plugins' menu in WordPress.
  3. Profit.

Frequently Asked Questions

What can I do with this Integrate Firebase plugin?

At version 0.3.2, a user can integrate Firebase authentication to WordPress. That means you can:

  • log in, log out and show data only to logged in users.
  • Get Real Time database in Dashboard

How can I put a shortcode in a widget or WordPress editor? =

The example in this guide only shows you how to put in a PHP file. If you want to put the shortcode inside a widget or editor. You can simply do this:

[firebase_login][/firebase_login]

How can I add a login form to WordPress?

After adding Firebase credentials from Settings > Firebase. You can add login form through shortcodes:

echo do_shortcode("[firebase_login]");

If you want to create your own form. Please start with

. For submit button, you have to add 'firebase-form-submit' as an ID.

How can I show user info after login?

You can add a shortcode to show user's info

echo do_shortcode("[firebase_greetings]");

How can I show error when a user cannot login?

You can show error message when a user cannot login by using a shortcode

echo do_shortcode("[firebase_login_error class='your-class-name'][/firebase_login_error]");

How can I show data for a not logged in user?

You can put your data as an HTML code inside a shortcode

echo do_shortcode("[firebase_show_not_login class='your-class-name']YOUR HTML CODE[/firebase_show_not_login]");

How can I hide or show data for a logged in user?

You can put your data as an HTML code inside a shortcode

echo do_shortcode("[firebase_show class='your-class-name']YOUR HTML CODE[/firebase_show]");

How can I show realtime database for a logged in user?

You can put your data as an HTML code inside a shortcode. Realtime data will be shown as a table with an id #if-realtime.

echo do_shortcode("[realtime class='your-class-name' collection_name='string' document_name='string']");

How can I log out?

This is a shortcode for log out button.

echo do_shortcode("[firebase_logout]");

Screenshots

  1. After activating the plugin, you need enter Firebase credentials under Setting > Firebase.

Firebase Settings

  1. Please enter collection names in order to show the data from Real Time Database

Database Settings

  1. Please edit the read rules in order to view data from Firestore

Firestore Settings

Upgrade Notice

Please use github issues when submitting your logs. Please do not post to the forums.

firebase-wordpress-plugin's People

Contributors

dalenguyen avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.