Labs
Staff
Rank: #1
4516Views
28Comments
[Firebase] How to Configure the Firebase Plugin
Question
Forge
Firebase
Forge component by Labs
11
Published on 02 Oct 2019

Create a FirebaseProjectId and a FirebaseSecret

1. Create two new site properties called FirebaseProjectId and FirebaseSecret.


2. Configure the Firebase credentials.
    a. Go to the Firebase console. You will need to log in with your Google credentials.
    b. Create a new project.
    c. Go to Project Settings > Service Accounts > Database Secrets, copy the Database Secret and set that value to the Component’s SiteProperty "FirebaseSecret".

    d. Copy the Project Id and set that value to the Component’s SiteProperty "FirebaseProjectId".


Adding References to the Firebase Plugin

1. In your Application Module, click the Manage Dependencies button.

2. Add references to Firebase > Server Actions > GenerateToken.


Generate a Firebase Token

1. In your application, go to the Logic tab and create a new server action to generate a Firebase token.

    a. Create a new server action with two output parameters: FirebaseToken and FirebaseProjectId. Rename this new server action to GetFirebaseData.

      b. Use the GenerateToken server action provided by the Firebase plugin, passing the Site.FirebaseSecret and the UserId in its parameters.

If you are going to use more than one component that uses Firebase plugin, you only need to generate token and ProjectId once. You can use the same configuration for all components.

       

c. Pass the FirebaseToken value provided from GenerateToken server action and Site.FirebaseProjectId to the output parameter.

   

  d. Use the GetFirebaseData action whenever you need the Firebase Token and ProjectId.

7
0
on 2017-06-05
Copy link to comment
Nathaniel Elrod
Rank: #59468

I do not know where to paste the information from 2c and 2d.  There are only 5 fields to past it in:  Name, Description, Data Type, Default Value, and Is Multi-tenant.


I have tried pasting the information into Default Value, but it states 'Default Value' must be set to a 'Text' literal value.  Pasting the information anywhere else does not work.

2
0
on 2017-09-29
Copy link to comment
Nathaniel Elrod
Rank: #59468

I found what I needed.  Module Management>Site Properties.

1
0
on 2017-09-29
Copy link to comment
Claudiu Ene
Rank: #26057

Nathaniel Elrod wrote:

I found what I needed.  Module Management>Site Properties.


note: FIRST PUBLISH. Only after that you can go to Module Management - Site Properties and see the FireBaseProjectID and FirebaseSecret

0
0
on 2018-04-07
Copy link to comment
basha reta
Rank: #75404

Claudiu Ene wrote:

Nathaniel Elrod wrote:

I found what I needed.  Module Management>Site Properties.


note: FIRST PUBLISH. Only after that you can go to Module Management - Site Properties and see the FireBaseProjectID and FirebaseSecret

where do post that ? Effective Value


0
0
on 2018-11-30
Copy link to comment
kevin febriano
Rank: #53958

hello, how about use firebase in mobile?

0
0
on 2018-07-18
Copy link to comment

Hi, I need to integrate my web application with Firebase Cloud Message, but after several tests I still can't make it work, do you have any tutorial on how to use it?

0
0
on 2018-07-18
Copy link to comment
Samuel Jesus
Staff
Rank: #205

Luiz Fernando Cruz wrote:

Hi, I need to integrate my web application with Firebase Cloud Message, but after several tests I still can't make it work, do you have any tutorial on how to use it?

Hello Luiz,

There are 2 specific connectors just for Firebase Cloud Message: one for mobile and one for the web.

Check them out and see if they solve your issue :)

Cheers,

Samuel Jesus

1
0
on 2018-08-08
Copy link to comment
Dileep Rajam
Rank: #10882

How do i get the project id? and do i have to match the Project name created in Firebase to the module/screen name created in Outsystems

0
0
on 2018-07-20
Copy link to comment

I've got the same problem, in AppMobile don't work.

0
0
on 2018-08-01
Copy link to comment
Dileep Rajam
Rank: #10882

Hi Team

Please help me configure firebase for mobile app. 

How do i get the project id? and do i have to match the Project name created in Firebase to the module/screen name created in Outsystems


0
0
on 2018-08-08
Copy link to comment
Samuel Jesus
Staff
Rank: #205

Hello Venkata,

The name if your project can be whatever you want, and it there is no need to be equal to your OutSystems module. The connection between OutSystems and Firebase is done using the project ID and not the name.

To get the ProjectID, on the Firebase console, go to Project settings, and in the first tab (General), you will find that information:


Cheers,

Samuel Jesus

1
0
on 2018-08-08
Copy link to comment
Dileep Rajam
Rank: #10882

Samuel Jesus wrote:

Hello Venkata,

The name if your project can be whatever you want, and it there is no need to be equal to your OutSystems module. The connection between OutSystems and Firebase is done using the project ID and not the name.

To get the ProjectID, on the Firebase console, go to Project settings, and in the first tab (General), you will find that information:


Cheers,

Samuel Jesus


Hi Samuel,

i got the firebase working for my chat in one mobile app and the chat is now interactive; 

I have another app where i want to get the same chat feature enabled with firebase. so i tried to use the same firebase configurations and chat is not working. So i created another project in firebase console and tried using these new configurations(ProjectID and Firebase secret) but no luck.

can you please help me with this.


thanks,

-Venkata

0
0
on 2018-08-15
Copy link to comment
Dileep Rajam
Rank: #10882

Venkata Rajam wrote:

Samuel Jesus wrote:

Hello Venkata,

The name if your project can be whatever you want, and it there is no need to be equal to your OutSystems module. The connection between OutSystems and Firebase is done using the project ID and not the name.

To get the ProjectID, on the Firebase console, go to Project settings, and in the first tab (General), you will find that information:


Cheers,

Samuel Jesus


Hi Samuel,

i got the firebase working for my chat in one mobile app and the chat is now interactive; 

I have another app where i want to get the same chat feature enabled with firebase. so i tried to use the same firebase configurations and chat is not working. So i created another project in firebase console and tried using these new configurations(ProjectID and Firebase secret) but no luck.

can you please help me with this.


thanks,

-Venkata

The issue is now fixed. i forgot to set event on my chat component in the new environment. It is all good now. thank you for your support


0
0
on 2018-08-28
Copy link to comment
Rui Mendes
Rank: #206

Hi Basha.

Go to <your environment url>/ServiceCenter
Login and find your application under the Factory menu, Application list.


Clicking the name of your application will lead you to its detail page.

Find the Module where you are using the Firebase component and click the name.

In this case, I'm using In-App Chat Web app as an example.

I'm using the In-App Chat Web component in the Sample, so I'll be setting the values there.


Go to the Site Properties tab and select the property you want to set.

Paste your ProjectId in the textarea and click Apply.

Do the same for the Secret and your Firebase component should be working.

Hope this helps.

Cheers

0
0
on 2018-11-30
Copy link to comment
basha reta
Rank: #75404

Rui Mendes wrote:

Hi Basha.

Go to <your environment url>/ServiceCenter
Login and find your application under the Factory menu, Application list.


Clicking the name of your application will lead you to its detail page.

Find the Module where you are using the Firebase component and click the name.

In this case, I'm using In-App Chat Web app as an example.

I'm using the In-App Chat Web component in the Sample, so I'll be setting the values there.


Go to the Site Properties tab and select the property you want to set.

Paste your ProjectId in the textarea and click Apply.

Do the same for the Secret and your Firebase component should be working.

Hope this helps.

Cheers

thanks,I followed the instructions but it still won't connect. I ran the application and nothing appears in firebase need to do something else.


0
0
on 2018-12-01
Copy link to comment
Rui Mendes
Rank: #206

Hi Basha.

Firebase changed its process in creating a database for the project. You now have two options:

Locked Mode and Test Mode.
In Locked Mode, the database cannot be updated, and so, the receiver is not notified on the changes.

Please try the settings for the Test Mode, by changing your database rules to the following:

{
   "rules":  {
       ".read" : true,
       ".write" : true
   }
}


Hope this helps.

Cheers

2
0
on 2018-12-03
Copy link to comment
Roman
Rank: #460

Rui Mendes wrote:

Hi Basha.

Firebase changed its process in creating a database for the project. You now have two options:

Locked Mode and Test Mode.
In Locked Mode, the database cannot be updated, and so, the receiver is not notified on the changes.

Please try the settings for the Test Mode, by changing your database rules to the following:

{
   "rules":  {
       ".read" : true,
       ".write" : true
   }
}


Hope this helps.

Cheers

Hi Rui,


Do you know what why auth config rule won't work? I get unauthorized, although auth header is being passed. 


// These rules grant access to a node matching the authenticated
// user's ID from the Firebase auth token
{
  "rules": {
    "users": {
      "$uid": {
        ".read": "$uid === auth.uid",
        ".write": "$uid === auth.uid"
      }
    }
  }
}

0
0
on 2018-12-21
Copy link to comment
Helios
Rank: #5472

Everything was great until the

Generate a Firebase Token 1c and 1d part. Does anybody have a working demo on how to apply this?

0
0
on 2018-12-10
Copy link to comment
Rui Mendes
Rank: #206

Hi Helios.

Please take a look at these components, that are all setup and ready to use.

In-App Notifications Mobile / Web 

In-App Chat Mobile / Web

All you need to do is set the ProjectId and Secret in ServiceCenter.


Hope this helps.

Cheers,
Rui Mendes

1
0
on 2018-12-10
Copy link to comment
Roman
Rank: #460

It looks like rules below are not secure. Does anyone have any recommendations? 

0
0
on 2018-12-21
Copy link to comment
Jorick van Rijs
Rank: #747

I try to configure the firebase component for web. I have already succeeded in the past but now I constantly get a 401 unauthorized error. I configured everything like the first post. 


Thnx in advance!

0
0
on 2019-01-03
Copy link to comment
Roman
Rank: #460

Jorick van Rijs wrote:

I try to configure the firebase component for web. I have already succeeded in the past but now I constantly get a 401 unauthorized error. I configured everything like the first post. 


Thnx in advance!

Hi Jorick, as suggested above you should try this:

Please try the settings for the Test Mode, by changing your database rules to the following:

{
   "rules":  {
       ".read" : true,
       ".write" : true
   }
}


0
0
on 2019-01-03
Copy link to comment
Niels Favreau
Rank: #109

Hello!


Currently the component is using the deprecated way. (database secret)
Are we going to see an updated version any time soon of the component which is not using the deprecated way?

Greetings,
Niels F.

0
0
on 2019-01-03
Copy link to comment
Cristiano Marques
mvp_badge
MVP
Rank: #571

Hey all,


Is this still working for mobile? I used this in the past and was working but now I don't get this working anymore.

I do get the messages sent to the Firebase Database but on the mobile I don't get any event triggered.


Best regards

0
0
on 2019-01-14
Copy link to comment
Roman
Rank: #460

Cristiano Marques wrote:

Hey all,


Is this still working for mobile? I used this in the past and was working but now I don't get this working anymore.

I do get the messages sent to the Firebase Database but on the mobile I don't get any event triggered.


Best regards

Hi, this one works fine for me https://www.outsystems.com/forge/component-overview/1406/firebase 


0
0
on 2019-01-14
Copy link to comment

Hi, I saw this video and I follow all the steps and did not worked, anybody else had problem?

https://www.youtube.com/watch?v=ygbu3AITS4k

0
0
on 2019-02-25
Copy link to comment
Goldy Lukka
Rank: #0

Those who are still getting a 401 error in-spite of doing all the steps correctly, please ensure you selected "Realtime Database" as the database.

0
0
on 2019-03-18
Copy link to comment
Andy_Oscky
Rank: #23725

Hi guys anybody can help me 

i have a problem , i can not generate the token data . I use the following data 

thanks

0
0
on 2020-12-09
Copy link to comment