XZum — Documentations

Getting Started
Indroduction
Requirements
Android Configuration
IOS Configuration
Firebase Configuration
Admob Configuration
Build & Run
Android App Release
iOS App Release
Support

XZum - Messaging and Video Meeting Full App With Firebase Backend

Last Updated : 13-07-2023

XZum is a full application of Messaging and Video Meeting Full App With Firebase Backend. We have used Jitsi Meet SDK for online meeting. Also added AdMob Banner and Inerestitial Ads, with setup this you can earn money from the app. If you are interested to develop your own Zoom and Google Meet Clone Online Meeting Android and iOS app like Zoom and Google Meet. So xZum is perfect for yours. It has also Google AdMob included, which is help to passive income. Get this software licenses for entrepreneurs and start-ups. Our main goal is to provide software to entrepreneurs at a low cost.

Requirements

To customised this project you should have Flutter and Dart installed and configured effectively on your gadget Install Flutter Set up your editor Install the Flutter and Dart Plugins.

Unzip the flies folder and open it. There have source code name as xzum-app, then use your preferred IDE (Android Studio / Visual Code / IntelliJ) to open the project.
Go to /assets/images/icon.png and replace it with your logo or app icon Note: This logo used in the splash screen only, not in the app icon

For Android Configuration

Get Dependencies:

Run the command:

            flutter pub get

Change Package Name:

If you want to change the package name following the next steps
Open /android/app/build.gradle and change the package name

            
              defaultConfig {
              applicationId "" // this is the package name
              minSdkVersion 25
              targetSdkVersion 33
              versionCode flutterVersionCode.toInteger()
              versionName flutterVersionName
              testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
              multiDexEnabled true
              }

Open /android/app/src/main/AndroidManifest.xml , /android/app/src/profil/AndroidManifest.xml, /android/app/src/debug/AndroidManifest.xml and specify your:
Open /android/app/src/main/kotlin/MainActivity.kt and change the package name

IOS Configuration

Opt-in to the preview of the embedded view by adding a boolean property to the app's Info.plist file with the key io.flutter.embedded_views_preview and the value YES.

Click the Get dependencies or Packages get to install the libraries from pubspecs.yaml file.
Open the simulator to run iOS or Android (as the step above)
Then press the run button to start the project (you can still open multi simulator at the same time)

Firebase Configuration

Configuration Step:

Go to firebase Console and login with your Gmail account.
Create a project.
Configure google analytics.
Add Firebase to your app.
Select Authentication from the left menu of your project!
Get started if needed.
Select Sign-in method from “Authentication menu”.

          Firebase run

Step:

Select Firestore database from the left menu bar.
Get started if needed.
Configure google analytics.
Start in test mode.

          Select setting icon and go to project setting

          Select add app

Select IOS sign for ios implementations.

          Add firebase to your app!

Admob Configuration

Go to AndroidManifest.xml file and replace the app id according to your ad mob id.

          Admob file

Then go to ad mob helper and replace the test ad mob id with your admob id.

          Admob Test

Build & Run:

Run the Android Application:

In the target selector, select an Android device for running the app. If none are listed as available, select Tools> Android > AVD Manager and create one there. For details, see Managing AVDs. Click the run icon in the toolbar, or invoke the menu item Run > Run. Locate the main Android Studio toolbar:
If you don't use Android Studio or IntelliJ you can use the command line to run your application using the following command:

          flutter run

Run the iOS Application:

The first thing that we require in hand is a test flutter app on our Mac
Before we start testing our flutter app on the iPhone you need to make sure that our phone trusts us as a developer on that device. To do that follow this path go:
```
            Settings > General > Device Management or Profile > (Tap On) Trust “Your Developer Name”
          
```
To test or deploy our flutter app to a physical device we first need to enable physical device deployment in Xcode using Apple ID or an Apple Developer account. And we also need to set up a package manager to manage flutter plugins that are to be used in the project.
First, we are going to install a third-party package manager called CocoaPods to manage flutter plugins that our project might depend on. To install and set up cocoapod the below command needs to be executed successfully in the terminal.
```
            $ sudo gem install cocoapods
```

After we are done with the cocoapod installation we will proceed to locate the Runner.xcworkspace file inside the ios folder in our project directory. Then we need to open this file on the Xcode with a double click. OR write command
```
$ open ios/Runner.xcworkspace
```

When it’s done loading we need to make sure we are on the Runner file which is listed first on the left menu bar.

After that, we need to be inside the Signing & Capabilities page. In this page we will click on the button which says ‘Add an Account’.
And add your Apple ID, put your password and select your account.

Now, go back to the General tab and change the Bundle Identifier to something unique. (In place of “example” put something else).

So, if you haven’t already connected your iPhone you will see “No device” in the search bar shown below.

Go ahead and connect your phone with the PC and when it’s done you will see a phone icon in place of “No device”. Select your phone which will take a few seconds to load.

And once that is done you need to press the play button on the left menu bar, which will start building the app on the iPhone

This process will take some time and once it’s done you will see a message appear that says the build process was completed successfully.

Install And Release Android App:

Here is your section structure.

After you make all your changes and customizations save all your project, Open the console, navigate to your project folder and execute the following command to build your app:

        flutter build apk --release

If you are deploying the app to the Play Store, it's recommended to use app bundles or split the APK to reduce the APK size.

Build and Install App:

To generate an app bundle, run:

        flutter build appbundle --target-platform android-arm,android-arm64,android-x64

Learn more on https://developer.android.com/guide/app-bundle

To split the APKs per ABI, run:

        flutter build apk --target-platform android-arm,android-arm64,android-x64 --split-per-abi

Learn more on https://developer.android.com/studio/build/configure-apk-splits#confi

If you want to upload your application on Google Play you must sign it before uploading, generate a signing key by running the following command:

        keytool -genkey -v -keystore android/app/key.jks -keyalg RSA -keysize 2048 -validity 10000 -alias key

Reference the keystore from the app: Create a file named appdir/android/key.properties that contains a reference to your keystore:

        storePassword=password from previous step 

        keyPassword=password from previous step 

        keyAlias=key 

        storeFile=location of the key store file, e.g. /Users/user name/key.jks

Go to android/app/build.gradle

        def keystorePropertiesFile = rootProject.file("key.properties")
def keystoreProperties = new Properties()
keystoreProperties.load(new FileInputStream(keystorePropertiesFile))
        

        
          signingConfigs {
          release {
          keyAlias keystoreProperties['keyAlias']
          keyPassword keystoreProperties['keyPassword']
          storeFile file(keystoreProperties['storeFile'])
          storePassword keystoreProperties['storePassword']
          }
          }
          buildTypes {
          release {
          signingConfig signingConfigs.release
          }
          }

Learn More: Build and release an Android app

Install And Release iOS App:

Before you can build and release your app on the App Store, you need to set up a place for it using App Store Connect. But first, you need to register a unique bundle ID for your app. This can be done by logging into your Apple Developer account and following these steps:

Login to AppStore Conscole Account Click Here
Open the App IDs page.
Click + to create a new Bundle ID.
Fill out the needed information: App Name, and Explicit App ID.
If your app needs specific services, select them and click Continue.
Review the details and click Register to finish.
Then go to account dashboard Select My Apps.
Click + then select New App.
Fill in your app details and make sure iOS is selected, then click Create.
From the sidebar, select App Information.
In the General Information section, select the Bundle ID that you registered above.

You’ve set everything up from Apple’s side, and next you’ll adjust your Xcode project’s settings to prepare your app for release. Go ahead and fire up Xcode.

Open Runner.xcworkspace that is inside your app’s iOS folder.
From the Xcode project navigator, select the Runner project.
Go to the General tab.
In the Identity section, fill out the information and make sure the Bundle Identifier is the one registered on App Store Connect.
In the Signing section, make sure Automatically manage signing is checked and select your team
Fill out the rest of the information as needed.
Next, you’ll update your app’s icon. This can be done by selecting Assets.xcassets in the Runner folder from Xcode’s project navigator.

At this point, all the settings have been updated for release and there is a placeholder ready on App Store Connect, which means you can build and release.

From the command line, run flutter build ios
Then go back to Xcode and reopen Runner.xcworkspace
Select Product -> Scheme -> Runner
Select Product -> Destination -> Generic iOS Device.
Select Product -> Archive to produce a build archive.
From the Xcode Organizer window, select your iOS app from the sidebar, then select the build archive you just produced.
Click the Validate… button to build.
Once the archive is successfully validated, click Upload to App Store

Back on App Store Connect, check the status of your build from the Activities tab. Once it’s ready to release:

Go to Pricing and Availability and fill out the required information.
From the sidebar, select the status.
Select Prepare for Submission and complete all required fields.
Click Submit for Review
Learn More: Build and release an iOS app

That’s it! Your app will now be uploaded to the App Store. Apple will review your app before releasing and keep you updated on the status of your app.

Support

Once again, thank you so much for purchasing this app. As I said at the beginning, I'd be glad to help you if you have any questions relating to this app. Just let us know, We will assist you. Contact us at support center.

Email Us : [email protected]