[Firebase] How to Configure the Firebase Plugin

Labs

Staff

Rank: #1

[Firebase] How to Configure the Firebase Plugin

Question

Forge

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.

on 2017-06-05

Nathaniel Elrod

Rank: #53442

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.

on 2017-09-29

Nathaniel Elrod

Rank: #53442

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

on 2017-09-29

2 replies

Last reply on 2018-11-30

Show thread

Hide thread

Claudiu Ene

Rank: #18332

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

on 2018-04-07

basha reta

Rank: #68498

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

on 2018-11-30

kevin febriano

Rank: #48093

hello, how about use firebase in mobile?

on 2018-07-18

Luiz Fernando Nascimento da Cruz

Rank: #42909

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?

on 2018-07-18

1 reply

on 2018-08-08

Show thread

Hide thread

Samuel Jesus

Staff

Rank: #193

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

on 2018-08-08

Dileep Rajam

Rank: #6568

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

on 2018-07-20

Salvador Romeu Vives

Rank: #77793

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

on 2018-08-01

Dileep Rajam

Rank: #6568

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

on 2018-08-08

Samuel Jesus

Staff

Rank: #193

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

on 2018-08-08

2 replies

Last reply on 2018-08-28

Show thread

Hide thread

Dileep Rajam

Rank: #6568

Samuel Jesus wrote:

Hello Venkata,

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

on 2018-08-15

Dileep Rajam

Rank: #6568

Venkata Rajam wrote:

Samuel Jesus wrote:

Hello Venkata,

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;

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

on 2018-08-28

Rui Mendes

Rank: #204

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

on 2018-11-30

1 reply

on 2018-12-01

Show thread

Hide thread

basha reta

Rank: #68498

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.

on 2018-12-01

Rui Mendes

Rank: #204

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

on 2018-12-03

1 reply

on 2018-12-21

Show thread

Hide thread

Roman

Rank: #396

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"
}
}
}
}

on 2018-12-21

Helios

Rank: #2715

Everything was great until the

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

on 2018-12-10

1 reply

on 2018-12-10

Show thread

Hide thread

Rui Mendes

Rank: #204

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

on 2018-12-10

Roman

Rank: #396

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

on 2018-12-21

Jorick van Rijs

Rank: #722

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!

on 2019-01-03

1 reply

on 2019-01-03

Show thread

Hide thread

Roman

Rank: #396

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
}
}

on 2019-01-03

Niels Favreau

Rank: #101

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.

on 2019-01-03