Dimdim

Chat, Video Call and Live Stream app

Introduction

Dimdim app is very advanced App Source Script having many advanced features like Live streaming, One to One Video calls, Text chats, Host login and much more. This package contains android project having 30+ beautifully designed and developed screens. Using this template, developers can create high quality dating and livestreaming app easily and can save 100s of hours.


Here is the easy documentation to set the app and ready to launch. Please follow all the instructions carefully and don’t skip any step. Feel free to contact us if you face any problem while set-up.

Change App Bundle:

    • Extract the folder you downloaded from the codecanyon.

    • Open iOS project (Sphere.xcworkspace) in Xcode.

    • Find bundle identifier and change with your bundle identifier

    • firebase_1

Change app name

    android_app_name

Change app icon

Setup your Credentials

    • Open Constant.swift file

    • Replace url https://your-domain.com/ with your baseURL (which you got, when you was setting up backend).

    • firebase_1

Installing COCOAPODS

    • Follow the documentation

    • Note : Once pods are downloaded as shown in the video, Double click on .xcworkspace (Not .xcodeproj)

    • firebase_1

configure Firebase

    • Go to the firebase project you might created while following backend documentation.

    • If you don't have, follow the steps below and create one project.

    • At first, follow this link https://firebase.google.com/

    firebase_1
    • Now, we first have to create a Firebase project. Firebase project will go through and describe what it is. This allows us to add an app to that project. It can have many projects inside of Firebase.

    firebase_2
    • Now, we have to give a name and id to the project, enable Google Analytics for the project, set an analytics location, and accept all the terms and conditions. Firebase console automatically creates a unique id for the project.

    • Step 1 : Giving a name to the project

    firebase_3
    • Step 2 : Enable Google analytics for the project

    firebase_4
    • Step 3 : First Choose default Firebase account and then create project

    firebase_5
    firebase_6

add iOS app in Firebase

    • we have to choose the platform to add Firebase to our application. Click on iOS.

    ios_firbase_1
    • On the next screen, enter your iOS bundle ID & App nickname and click on Register App. You can find your bundle ID in the General tab for your app's primary target in Xcode. If specified, the app nickname will be used throughout the Firebase console to represent this app. Nicknames aren't visible to users.

    ios_firbase_2
    • Download the GoogleService-Info.plist file & move the GoogleService-Info.plist file you just downloaded into the root of your Xcode project and add it to all targets. Make sure the config file is not appended with additional characters, like (2).

    ios_firbase_3
    • Back in the Firebase console-setup workflow, click Next to skip the remaining steps and the finish.

    ios_firbase_4

Setup Notification (FCM)

    • Follow This guide and setup project at firebase and collect Server key.

    • Go to .env file of the backend project again and make the changes like below.

    • FCMKEY =”Your Firebase Server Key”

    • Once this gets completed, Please subscribe to the Pay as you go Plan of Firebase, it is required for Chat to use a real-time database for more than 100 users. If you don't do that, app will stop working for chats and some other features once it reaches more than 100 users.

Create APNs Auth key for push notification

    • Open https://developer.apple.com/account

    • Log in using your Apple developer credential.

    • You obtain a provider certificate from your developer account In the certificates section first as shown in the below image.

    • Select Certificate, IDs & Profiles tab.

    apns_1
    • Select keys tab.

    • Tap on the + button.

    apns_2
    • A key can be generated which gives the FCM full access over the Apple Push Notification service (APNs). On the "Keys" menu item, register a new key. The name of the key can be anything, however you must ensure the APNs service is enabled:

    apns_3
    apns_3
    • Click "Continue" & then "Save". Once saved, you will be presented with a screen displaying the private "Key ID" & the ability to download the key. Copy the ID, and download the file to your local machine:

    apns_3

    Copy Key ID & Download File

    • The file & Key ID can now be added to your Firebase Project. On the Firebase Console, navigate to the "Project settings" and select the "Cloud Messaging" tab. Select your iOS application under the "iOS app configuration" heading.s

    apns_4
    apns_5
    • Upload the downloaded file and enter the Key & Team IDs;

    apns_6

Google sign in

    • Click to Authentication and sign in mathod tab

    android_firbase_1
    • Click to Enable

    • Select your support email and save

    android_firbase_1
    • Successfully Enable google sign in method

    android_firbase_1
    • Set Google ‘REVERSED_CLIENT_ID’

    • Open GoogleService-Info.plist file and find ‘REVERSED_CLIENT_ID’ and Copy it.

    • And paste it in project > target > info > URL Types

    ios_firbase_4

Email sign in

    • Click to Authentication and sign in mathod tab

    • Then click on email/password provider

    android_firbase_1
    android_firbase_1
    android_firbase_1
    • Then both button switch to enable and save

    android_firbase_1
    • Your email and password successfully Enable

    android_firbase_1

Branch IO Setup

    • Follow This guide and setup project at Branch IO and collect Scheme, Branch Key and domain

    • Go to your flutter project

    • For iOS

      • open iOS directory in Xcode

      • go to the Runner > Runner > info and paste here

    firebase_1
      • Make sure you have added applinks: in the prefix. Ex. applinks:appname.app.link

    firebase_1

Setup OneSignal

    • Follow This guide and setup OneSignal account.

    • OneSignal1
    • Note : androidNotificationChannelId (Optional)

Configure In-App Purchase

    • Set up In-App Purchase by following Documentation .


    • Create Coin Plans in Admin Panel.

      • Click Add Coin Plan.

      • Set Price , Diamond and Play Store Id (a unique Product Id you created while following above Documentation).

      • Click Submit.

      • db_1
        db_1

Setup your Credentials

    • Open Constants.swift file

    • Enter baseUrl & uploadbaseURL

    • firebase_1

Want to talk with us?