Title: Integrate Firebase
Author: Dale Nguyen
Published: <strong>2018 年 5 月 28 日</strong>
Last modified: 2024 年 12 月 4 日

---

搜尋外掛

這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個
外掛進行維護或提供技術支援，並可能會與更新版本的 WordPress 產生使用上的相容性問題。

![](https://s.w.org/plugins/geopattern-icon/integrate-firebase.svg)

# Integrate Firebase

 由 [Dale Nguyen](https://profiles.wordpress.org/hanthuy/) 開發

[下載](https://downloads.wordpress.org/plugin/integrate-firebase.0.10.0.zip)

 * [詳細資料](https://tw.wordpress.org/plugins/integrate-firebase/#description)
 * [使用者評論](https://tw.wordpress.org/plugins/integrate-firebase/#reviews)
 *  [安裝方式](https://tw.wordpress.org/plugins/integrate-firebase/#installation)
 * [開發資訊](https://tw.wordpress.org/plugins/integrate-firebase/#developers)

 [技術支援](https://wordpress.org/support/plugin/integrate-firebase/)

## 外掛說明

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

If you want a secured implementation, with much more features, check the [Interate Firebase PRO](https://firebase.dalenguyen.me/)
version.

#### Links

 * [Github project page](https://github.com/dalenguyen/firebase-wordpress-plugin)
 * [View CHANGELOG](https://github.com/dalenguyen/firebase-wordpress-plugin/blob/master/CHANGELOG.md)

## 螢幕擷圖

[⌊After activating the plugin, you need enter Firebase credentials under Setting
> Firebase.⌉⌊After activating the plugin, you need enter Firebase credentials under
Setting > Firebase.⌉[

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

[⌊Please enter collection names in order to show the data from Real Time Database⌉⌊
Please enter collection names in order to show the data from Real Time Database⌉[

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

[[

## 安裝方式

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.

## 常見問題集

### What can I do with this Integrate Firebase plugin?

At version 0.6.1, the user can integrate Firebase authentication to WordPress. That
means you can:

 * Log in, log out and show custom data only to logged in users.
 * Get Real Time and Firestore database in Dashboard
 * Show realtime database on frontend after users log in

### 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 *

<

form id=’login-form’>*. 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-optional-CSS-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-optional-CSS-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-optional-CSS-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-optional-CSS-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]”);

## 使用者評論

![](https://secure.gravatar.com/avatar/6b71c6f264d14bf680da6acaa6e05ac5beb74e8ad5a31779b9f1406e0804d237?
s=60&d=retro&r=g)

### 󠀁[Great plugin, even better support](https://wordpress.org/support/topic/great-plugin-even-better-support-156/)󠁿

 [deanclarke55](https://profiles.wordpress.org/deanclarke55/) 2022 年 3 月 31 日

Easy to use, great documentation and very responsive. I connected a WordPress site
to Firebase to use as a CMS for my FlutterFlow app – job done.

![](https://secure.gravatar.com/avatar/a3efd271668cbb94569e96b2236ed45b27e40e9402193a79b242ee43a025a3b3?
s=60&d=retro&r=g)

### 󠀁[Greate for Firebase and awesome customer service](https://wordpress.org/support/topic/greate-for-firebase-and-awesome-customer-service/)󠁿

 [daniel0random](https://profiles.wordpress.org/daniel0random/) 2022 年 2 月 26 
日

With this plugin the integration of firebase is really super easy. The setup takes
only a few minutes and you can start. Works perfectly and very fast. But the best
thing is the product support! Dale is incredibly helpful and has helped more very
well with my problem. Even with individual requirements he helps quickly.

![](https://secure.gravatar.com/avatar/27352ef88a9b81c5eaf5f27a71dfaf1346b90b06931328fd682257ebbf62f766?
s=60&d=retro&r=g)

### 󠀁[Great for Firebase integration](https://wordpress.org/support/topic/great-for-firebase-integration/)󠁿

 [marosh](https://profiles.wordpress.org/marosh/) 2021 年 7 月 28 日

This seems to be the only plugin that offers great functionality when integrating
Firebase services with WordPress. Offers many features and is being updated on a
regular basis adding new features. Thanks for support!

![](https://secure.gravatar.com/avatar/026c8af196dc5611ab3502267b8fdbab4cdec6ecf5efa80d0f714a000f20064a?
s=60&d=retro&r=g)

### 󠀁[Excellent customer service](https://wordpress.org/support/topic/excellent-customer-service-185/)󠁿

 [neptunotech](https://profiles.wordpress.org/neptunotech/) 2021 年 3 月 15 日

Great Work, excellent customer service

![](https://secure.gravatar.com/avatar/b551084fde53178f1051cfea413134f7d5ce342efaf5388c2e76ac1159365d26?
s=60&d=retro&r=g)

### 󠀁[Easy to use and amazing support](https://wordpress.org/support/topic/easy-to-use-and-amazing-support-8/)󠁿

 [Myum](https://profiles.wordpress.org/myum/) 2021 年 2 月 25 日

Fast integration between WP and FB to share users tables. As long as I register 
to WP, the new user is created in both systems, WP and FB. Dale gave me full support
to configure the plugin, so you can trust that if you have any problem the developer
is there to help you to fix it.

![](https://secure.gravatar.com/avatar/3cd5102f02a274af3362843794cc077859d14bde3eeb9a2f1159cef7421950e5?
s=60&d=retro&r=g)

### 󠀁[The Man Behind the Product](https://wordpress.org/support/topic/the-man-behind-the-product/)󠁿

 [aboyinmidair](https://profiles.wordpress.org/aboyinmidair/) 2021 年 1 月 27 日

First off, this product is amazing. I’ve managed to use wordpress, which Im extremely
comfortable with and love, to build a site that allows users to access their app
data on web. Second, Dale is unbelievably helpful when it comes installation. The
installation process is straight forward but I had a minor oversight. With speedy
replies, Dale helped me and was extremely hands on while trying to tackle my issue.

 [ 閱讀全部 20 則使用者評論 ](https://wordpress.org/support/plugin/integrate-firebase/reviews/)

## 參與者及開發者

以下人員參與了開源軟體〈Integrate Firebase〉的開發相關工作。

參與者

 *   [ Dale Nguyen ](https://profiles.wordpress.org/hanthuy/)

[將〈Integrate Firebase〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/integrate-firebase)

### 對開發相關資訊感興趣？

任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/integrate-firebase/)、
查看 [SVN 存放庫](https://plugins.svn.wordpress.org/integrate-firebase/)，或透過
[RSS](https://plugins.trac.wordpress.org/log/integrate-firebase/?limit=100&mode=stop_on_copy&format=rss)
訂閱[開發記錄](https://plugins.trac.wordpress.org/log/integrate-firebase/)。

## 變更記錄

#### 0.10.0

 * update tested version
 * feedback from wordfence

#### 0.9.3

 * update css wording

#### 0.9.2

 * test support for WP v6.5.2

#### 0.9.1

 * Fix support WP version

#### 0.9.0

 * Bump support version to WordPress v5.9

#### 0.8.0

 * Updated firebase packages to 8.2.5
 * Moved scripts to the end of body tag

#### 0.7.0

 * Fixed add_options_page error
 * Preformated data before showing in dashboard
 * Delegated button style to WordPress
 * Updated firebase package to 7.18.0

#### 0.6.1

 * Removed hide realtime table script

#### 0.6.0

 * Show realtime data publicly

#### 0.5.3

 * Update firebase scripts

#### 0.5.2

 * Show realtime database after login

#### 0.5.1

 * Hide login form after logging in

#### 0.5.0

 * Add shortcode to display when not login
 * Add error handling shortcode

#### 0.4.0

 * Added Firestore database support in Dashboard

#### 0.3.2

 * Fixed firebase show shortcode

#### 0.3.1

 * Fixed get firebase credentials

#### 0.3.0

 * Added about information
 * Added Real Time database support in Dashboard

#### 0.2.2

 * Fixed readme typos

#### 0.2.1

 * Change plugin name
 * Update logout shortcode

#### 0.2.0

 * Add scripts & styles
 * Allow to show and hide data after login

#### 0.1.0

 * Started the project and add authentication method

## 中繼資料

 *  版本 **0.10.0**
 *  最後更新 **2 年前**
 *  啟用安裝數 **600+**
 *  WordPress 版本需求 ** 4.0.0 或更新版本 **
 *  已測試相容的 WordPress 版本 **6.7.5**
 *  PHP 版本需求 ** 5.2.4 或更新版本 **
 *  語言
 * [English (US)](https://wordpress.org/plugins/integrate-firebase/)
 * 標籤:
 * [firebase](https://tw.wordpress.org/plugins/tags/firebase/)
 *  [進階檢視](https://tw.wordpress.org/plugins/integrate-firebase/advanced/)

## 評分

 5 星，滿分為 5 星

 *  [  20 個 5 星使用者評論     ](https://wordpress.org/support/plugin/integrate-firebase/reviews/?filter=5)
 *  [  0 個 4 星使用者評論     ](https://wordpress.org/support/plugin/integrate-firebase/reviews/?filter=4)
 *  [  0 個 3 星使用者評論     ](https://wordpress.org/support/plugin/integrate-firebase/reviews/?filter=3)
 *  [  0 個 2 星使用者評論     ](https://wordpress.org/support/plugin/integrate-firebase/reviews/?filter=2)
 *  [  0 個 1 星使用者評論     ](https://wordpress.org/support/plugin/integrate-firebase/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/integrate-firebase/reviews/#new-post)

[查看全部使用者評論](https://wordpress.org/support/plugin/integrate-firebase/reviews/)

## 參與者

 *   [ Dale Nguyen ](https://profiles.wordpress.org/hanthuy/)

## 技術支援

使用者可在技術支援論壇提出意見反應或使用問題。

 [檢視技術支援論壇](https://wordpress.org/support/plugin/integrate-firebase/)

## 贊助

想要支援這個外掛的發展嗎？

 [ 贊助這個外掛 ](https://www.paypal.me/DaleNguyen)