Firebase Setup

In this section we will setup the Firebase Project and connect it with the application for both Android and iOS.

Please follow the steps properly to avoid any issues.

---

Create Project

Before you create a Firebase project you will need a Gmail account so please create one if you do not already have.

In this section you will create your Firebase Project by following the steps below.

1. Go to Firebase Console

2. Click on Add Project

   

3. Add a Name for your project and click Continue. You can use any name that you want

   

4. Click on Continue for Google Analytics for your Firebase project step.

   

5. Choose or create a Google Analytics account and click on Create Project.

   

6. Once the project is ready, click on Continue.

7. Once complete your dashboard will look like the following:

   

---

Create Android Application

Now we will create an android application in our Firebase Project and connect it with WooStore Pro. Follow the steps below.

1. Under section Get started by adding Firebase to your app click on Android icon

   

2. Add Android Package Name and App nickname to the fields and click on Register App

   info

   Make sure that your Android Package Name is the same as you used while renaming the Bundle Id in the previous section here.

   

   You can leave Debug signing certificate SHA-1 field empty for now. We will add it later on in the setup.

3. Download the Config file and place it inside woostore_pro --> android --> app --> google-services.json. You can replace any file which is already there.

   

4. Click Next on all remaining steps and finally click on Continue to console.

---

Create iOS Application

Now we will create an iOS application in our Firebase Project and connect it with WooStore Pro. Follow the steps below.

1. On your Firebase Dashboard click on Add App and then select iOS Icon.

   

2. Add iOS Bundle Id and App nickname to the fields and click on Register App

   info

   Make sure that your iOS Bundle Id is the same as you used while renaming the Bundle Id in the previous section here.

   

   You can add the App Store Id later on when you will publish the application on apple app store.

3. Download the Config file.

   

4. Open Xcode by clicking on the file Runner.xcodeproj. You can locate this file in woostore_pro --> ios --> Runner.xcodeproj.

   

5. Using Xcode, move the GoogleService-Info.plist file you just downloaded into the Runner/Runner directory of your Flutter app. A dialog will show up and ask you to select the targets, select the Runner target.

   

   After doing these you can close Xcode and head back to Firebase Console.

6. Click Next on all remaining steps and finally click on Continue to console.

Now your Firebase Setup is complete and you can follow to the next steps.

---

Cloud Messaging

WooStore Pro application uses firebase cloud messaging to send push notifications to the users' devices.

The wordpress plugin WooStore Pro Api requires the cloud messaging server key to send notifications to the users. This step is mentioned here Setup Firebase Cloud Messaging Server Api Key.

Follow the steps to find your Server Key:

1. Go to Firebase Console

2. Select the project that you created in the Firebase Setup

3. Open the Project Settings by clicking on the Settings Icon from the top left menu.

   

4. Select the Cloud Messaging tab from the tabbar at the top

5. Under the heading Project Credentials you will find your Server Key.

6. Copy the Server Key and paste it into WooStore Pro Api Firebase Cloud Messaging Server Key field.