Skip to content

Gettings Started

Jump to bottom
Sonu Sharma edited this page Nov 27, 2022 · 10 revisions

1. Flutter Environment Setup

Note: Flutter sdk version 3.3.8 is recommended to run project

2. Clone the repo

$ git clone https://github.com/TheAlphamerc/flutter_twitter_clone.git
$ cd flutter_twitter_clone/

3. Setup the firebase app

  1. You'll need to create a Firebase instance. Follow the instructions at https://console.firebase.google.com.
  2. Once your Firebase instance is created, you'll need to enable Google authentication.
  • Go to the Firebase Console for your new instance.
  • Click "Authentication" in the left-hand menu
  • Click the "sign-in method" tab
  • Click "Google" and enable it
  • Click "Email/Password" and enable it
  1. Enable the Firebase Database
  • Go to the Firebase Console
  • Click "Database" in the left-hand menu
  • Click the "Create Database" button
  • It will prompt you to set up, rules, for the sake of simplicity, let us choose test mode, for now.
  • On the next screen select any of the locations you prefer.
  1. (skip if not running on Android)
  • Create an app within your Firebase instance for Android, with package name > com.thealphamerc.flutter_twitter_clone_dev
  • Run the following command to get your SHA-1 key:
keytool -exportcert -list -v \
-alias androiddebugkey -keystore ~/.android/debug.keystore
  • In the Firebase console, in the settings of your Android app, add your SHA-1 key by clicking "Add Fingerprint".
  1. Enable firebase storage (otherwise storing images will not work)
  2. Add "FcmServerKey" to Firebase Remote Config Follow below steps to get FCM server key.
  • Open your project in firebase.
  • Click on gear icon in sidebar. A popup will open then click on project settings
Screenshot 2020-05-04 at 6 01 40 PM
  • Open Cloud messaging tab
Screenshot 2020-05-04 at 6 02 00 PM
  • You can get FCM server key from there
Screenshot 2020-05-04 at 6 02 18 PM
  • Go to firebase remote config
  • Create parameter with name FcmServerKey
  • Add below json to default value field.
     {
          "key": "FCM server key here"
     }

Check below firebase config screenshot

Screenshot 2020-05-04 at 5 18 04 PM

7 Add another parameter in remote config to get the latest app version and supported builds

This step is optional for development mode.

  • Open Remote Config section in fireabse.
  • Add supportedBuild as parameter key and below JSON in Default value.
  • Copy app version and build no. from pubspec.yaml
Screenshot 2022-02-15 at 6 04 15 PM

Replace <App version> and <Build no.> in below JSON content with actual value and add this in default value field as per below screenshot.

 {
   "name":"<App Version>",
   "versions":[<Build no.>]
  }

Screenshot 2022-02-15 at 5 56 48 PM

After adding supportedBuild key click on Publish Change button

  • Download google-services.json
  • place google-services.json into /android/app/.
  1. (skip if not running on iOS)
  • Create an app within your Firebase instance for iOS, with your app package name
  • Follow instructions to download GoogleService-Info.plist
  • Open XCode, right click the Runner folder, select the "Add Files to 'Runner'" menu, and select the GoogleService-Info.plist file to add it to /ios/Runner in XCode
  • Open /ios/Runner/Info.plist in a text editor. Locate the CFBundleURLSchemes key. The second item in the array value of this key is specific to the Firebase instance. Replace it with the value for REVERSED_CLIENT_ID from GoogleService-Info.plist
Clone this wiki locally