Classima – Mobile App Documentation https://www.radiustheme.com/docs/classima-mobile-app RadiusTheme Documentations Sites site Thu, 29 Feb 2024 08:59:33 +0000 en-US hourly 1 https://wordpress.org/?v=6.4.3 Must perform this before app submission https://www.radiustheme.com/docs/classima-mobile-app/play-store-data-safety-config-copy/ Wed, 15 Nov 2023 04:15:42 +0000 https://www.radiustheme.com/docs/classima-mobile-app/play-store-data-safety-config-copy/ Please follow the below instructions to avoid app rejection of your app in Play store and App store for review. Remember, this process is mandatory.

  1. Open configuration > configuration.js file. You must put your app version number here as “currentVersion”. See image below.


  2. Now go to your website and login to admin dashboard. Move to Classified Listing > Settings > App
    – Make sure to check the box beside “Disable In App Purchase”
    – And also put the same version number in the box beside “App version”
    – Now save the changes.


  3. Keep this setting like this until your app gets approved in play store and app store. After getting approval, you need to login to admin dashboard and uncheck the box beside “Disable In App Purchase” and save changes.
]]>
Misc. Configuration https://www.radiustheme.com/docs/classima-mobile-app/app-customization/misc-config/ Mon, 06 Feb 2023 11:09:38 +0000 https://www.radiustheme.com/docs/classima-mobile-app/app-customization/firebase-otp-config-copy/ 1. How to enable sharing app

This is only possible after you successfully publish initial version of your app.
Before you build your second version of the app, do the following
– Go to play store and app store and copy your app link
– Open app > services > miscConfig.js file
– Make the value of “enableAppSharing” true
– And paste the copied links under android and iOS
– Now build a new version and submit to stores



2. To enable multiple image selection, follow the below instruction:
– Open app > services > miscConfig.js file.
– Now put true for ‘allowMultipleImageSelection‘ field.



3. How to get renew option in mobile app?
There are two types of settings

  1. For all users
    Admin dashboard > Classified Listing > Moderation > Renew Listing should be enabled
  2. For member only
    Admin dashboard > Classified Listing > Membership > Renew only for membership should be enabled

If one or both of these settings are enabled and the user has any expired listing,
he will be able to renew it by tapping three dot option in my listing list


4. Control of opening similar ads in the same screen or in a new screen
– Open app > services > miscConfig.js file and change the value 0f “similarAdsOpeninSamePage” to true or false.

5. Missing category icons in the app?

You need to set up PNG images as category icon from the website. App will automatically sync from the website.

Go to your website admin dashboard > Classified Listing > Categories > Select “Edit” for any category > Scroll down And select “Add Image”. Here upload png image.


]]>
Play store data safety configuration https://www.radiustheme.com/docs/classima-mobile-app/play-store-data-safety-config/ Tue, 20 Sep 2022 03:51:13 +0000 https://www.radiustheme.com/docs/classima-mobile-app/how-to-build-the-app-copy/ Please follow the below instructions to avoid app rejection after uploading your app in play store for review.

  1. Go to your app’s dashboard and select ‘App Content‘ from the left sidebar.
  2. Scroll down to Data Safety and click Manage.

  3. In the Data Safety Overview, click Next

  4. In Data Collection and Security tab, answer the questions :
    Does your app collect or share any of the required user data types? = yes
    Is all of the user data collected by your app encrypted in transit? = yes
    Do you provide a way for users to request that their data is deleted? = yes
    And click Next

  5. Here under Location select Approximate Location and Precise Location
    And Scroll down to bottom of this page and Select Device or Other IDs
    And Click Next


  6. In this page, You’ll see Location and Device or Other IDs
    Expand each of these by clicking Show button at the right side.
    Under Location you’ll get Approximate Location and Precise Location
    And under Device or Other IDs, you’ll get Device or Other IDs
    You’ll see Start -> Buttons beside them.

  7. Click Start -> Button one at a time and fill up the info as shown in the below image and click Save.
    Make same answers for all three options. (Approximate Location , Precise Location and Device or Other IDs)

  8. After you’ve completed all three, the Next button at the bottom, will become clickable. Click that Next button.

  9. In the next Step, click Submit

  10. If you get the following error message
    “Your app uses the FOREGROUND_SERVICE_LOCATION permission. You can only use this permission if your app performs tasks noticeable to the user when they’re not directly interacting with your app.”

    – Make a screen recording like this : https://drive.google.com/file/d/1Fy41VndRjmA02ISFdRkuHlf-ytZTxrwz/view
    – Now fill up the form like the below image
  11. If google Play has already rejected your app for data safety policy, after completing these steps, Upload and resubmit your app.
]]>
Seller Verification Configuration for App https://www.radiustheme.com/docs/classima-mobile-app/app-customization/seller-verification/ Thu, 21 Jul 2022 06:44:56 +0000 https://www.radiustheme.com/docs/classima-mobile-app/app-customization/firebase-otp-config-copy/ You must first install Classified Listing – Seller Verification Plugin in web and configure it following this Documentation.
After configuring the web plugin, follow the below instructions for app configuration (iOS only).

1. First open app.json file. Include the following in the plugins

      [
        "expo-document-picker",
        {
          "appleTeamId": "N87YN87H",
          "iCloudContainerEnvironment": "Production"
        }
      ]

Here input your apple developer team id. You’ll get this from apple developer account.

2. Now insert the following inside ios object

"usesIcloudStorage": true,

3. Now login to your Apple Developer account and open ‘Certificates, IDs and Profiles’



4. Now select your app ID from the list

5. Scroll down and select iCloud and make sure to include CloudKit support. And press save.

6. Now click configure button.
7. Click Register an iCloud Container



8. Give it a name and an identifier. Identifier can be iCloud.yourappid (e.g. iCloud.com.classima). Click Continue



9. Now Click Register



10. You’ll be redirected to previous page. Here scroll down and Click Edit button beside iCloud option



11. Now select the iCloud Container you’ve created in previous step and Click Continue.



12. Now Click Save and then click Confirm.





13. Before proceeding with this step, make sure you’ve build the iOS app once.

– After completing the above step, finally build your iOS app running the following command
eas build -p ios




Note : Document picker for seller verification will not work in iOS simulator.

]]>
Configuring backend related information & In App Paginatio https://www.radiustheme.com/docs/classima-mobile-app/app-customization/configuring-backend-related-information-copy/ Wed, 15 Jun 2022 05:51:52 +0000 https://www.radiustheme.com/docs/classima-mobile-app/app-customization/configuring-backend-related-information-copy/ To configuring backend related information follow the following steps
  1. Navigate to api folder and open the client.js file.
  2. Replace the values of the domain and apiKey property. (How to get API key)
  3. You can also change the api request timeout. By default, it is set to 30 seconds.

Do not edit any other information in this file.

Configuring In App Pagination

  1. Navigate to app > pagination > paginationData.js file.
  2. Here you’ll get all the pagination data for this app. Only edit the per_page property if needed. per_page property defines item per page while scrolling through a list of items.
]]>
Changing all app static texts https://www.radiustheme.com/docs/classima-mobile-app/app-customization/changing-app-static-texts/ Thu, 09 Jun 2022 09:44:56 +0000 https://www.radiustheme.com/docs/classima-mobile-app/app-customization/app-translation-changing-app-language-copy/

1. First go to language folder
2. Now open your desired language file. (e.g. for english, open en.json file)
3. You’ll see all the texts here. You can modify as your need.

This file contains All static texts including About app, Frequently asked questions, Privacy policy and Terms and conditions.
Note: Do not change any id value.

]]>
Firebase configuration for OTP verification https://www.radiustheme.com/docs/classima-mobile-app/app-customization/firebase-otp-config/ Wed, 08 Jun 2022 12:33:14 +0000 https://www.radiustheme.com/docs/classima-mobile-app/app-customization/push-notification-copy/ You must first install Classified Listing – Mobile Number Verification Plugin in web and configure it following this Documentation.
If you select Twilio, you do not need to configure anything in the app.
To setup Firebase, you need to follow the below steps:

1. Creating Firebase web app
Open this link . Signup for a firebase account if you haven’t already. Login to Firebase console, setup a new project by pressing + Add Project or use an existing one.


Then select +Add app And select android or ios and provide further detail. Make sure that the Android package name you enter is the same as the value of android.package in your app.json. And similarly add iOS project.





(Android only) Go to your Firebase project’s settings, scroll down to “Your apps” and select your Android app. Under SHA certificate fingerprints, click Add fingerprint, and add Google Certificate Fingerprint.
You’ll get Google Certificate Fingerprint by following steps:
(You need to build your app once before these steps to generate credentials)
– run eas credentials
– Select Android
– Select profile (production)
– You’ll get all the credentials in the console. From here copy the “SHA1 Fingerprint“. This SHA1 Fingerprint is Google Certificate Fingerprint.
*** If you haven’t already run eas build -p android for this project, you’ll need to do that first before getting the Google Certificate Fingerprint.



Download the google-services.json  for android and Googleservice-info.plist file for iOS and place it in your app’s root directory.


In your app.json, add an android.googleServicesFile field with the relative path to the google-services.json file you just downloaded. If you placed it in the root directory, this will probably look like . Similarly do for iOS. see below code.

{
  ...
  "ios" : {
    "googleServicesFile": "./GoogleService-Info.plist"
    ...
  }
  ...
  "android": {
    "googleServicesFile": "./google-services.json",
    ...
  }
}




Open app > services > firebaseConfig.js file
set the enabled value to true

Now from the firebase console, select Build > Authentication from the left sidebar and press “Get Started”




Under Sign-in-method select “Phone”

Now press the Slider button to enable phone and click “Save”

  • Now run the following command in terminal “npx expo install @react-native-firebase/app @react-native-firebase/auth”
    npx expo install @react-native-firebase/app @react-native-firebase/auth
  • Now open app.json file and put this line under plugin section
    "@react-native-firebase/app",


  • Finally open screens > OTPVerificationScreen.jsx and remove “//” from the marked line.



    – After configuring OTP verification, please create a new build and test with that. Older build will produce errors.

6. After you upload the app in play store and get approved, you need to log in to your play console account and select your published app. On the next page select “App Signing” under “Setup” option from the left sidebar. Scroll down to “App signing key certificate” You’ll see something like the image below. Copy the “SHA-1 certificate fingerprint” under “App signing key certificate”.
Go to your firebase project, open the android app you created in step 2. Now add the SHA-1 certificate fingerprint” to your project.
Similarly Copy the “SHA-256 certificate fingerprint” And add it to firebase project.
If you miss this step, google signin will not work in the app downloaded from play store.





]]>
How to Build the APP (Videos) https://www.radiustheme.com/docs/classima-mobile-app/how-to-build-the-app/ Fri, 15 Apr 2022 17:39:55 +0000 https://www.radiustheme.com/docs/classima-mobile-app/?p=412
]]>
Push Notification https://www.radiustheme.com/docs/classima-mobile-app/app-customization/push-notification/ Thu, 18 Nov 2021 03:14:41 +0000 https://www.radiustheme.com/docs/classima-mobile-app/?p=276 To setup push notification, you need to follow the below steps:

1. Configuring schema in admin panel
Open classified listing > settings > app . Now put a same value for the app under App schema. (only lowercase alphabets)

2. Configuring schema in app.json
You need to open your app.json file and add a custom url schema under schema key. See the image.

3. Configuring firebase app

  1. (If you already configured google login, and added google-services.json file, go to step 4)
    If you have not already created a Firebase project for your app, do so now by clicking on Add project in the Firebase Console.
  2. In your new project console, click Add Firebase to your Android app and follow the setup steps. Make sure that the Android package name you enter is the same as the value of android.package in your app.json. And similarly add iOS project.



    (Android only) Go to your Firebase project’s settings, scroll down to “Your apps” and select your Android app. Under SHA certificate fingerprints, click Add fingerprint, and add Google Certificate Fingerprint.
    You’ll get Google Certificate Fingerprint by following steps:
    (You need to build your app once before these steps to generate credentials)
    – run eas credentials
    – Select Android
    – Select profile (production)
    – You’ll get all the credentials in the console. From here copy the “SHA1 Fingerprint“. This SHA1 Fingerprint is Google Certificate Fingerprint.
    *** If you haven’t already run eas build -p android for this project, you’ll need to do that first before getting the Google Certificate Fingerprint.
  3. Download the google-services.json  for android and Googleservice-info.plist file for iOS and place it in your app’s root directory.

  4. In your app.json, add an android.googleServicesFile field with the relative path to the google-services.json file you just downloaded. If you placed it in the root directory, this will probably look like . Similarly do for iOS. see below code.
{
  ...
  "ios" : {
    "googleServicesFile": "./GoogleService-Info.plist"
    ...
  }
  ...
  "android": {
    "googleServicesFile": "./google-services.json",
    ...
  }
}

4. Uploading Server Credentials

In order for Expo to send notifications from our servers using your credentials, you’ll need to upload your secret server key. You can find this key in the Firebase Console for your project:

  1. Click the gear icon to the right of Project Overview to go to your project settings.

  2. Click on the Cloud Messaging tab in the Settings pane.
  3. Copy the token listed next to Server key.




    Note : If you see Cloud Messaging API (Legacy) is disabled, just click the three dot right next to it and select “Manage API in Google Cloud Console” and After going to cloud console, Click “Enable”. Come back to this page again and refresh it. You’ll see the server key.

  4. Now Log in to expo.dev . Select your app from left sidebar. Click on “Credentials” from Left sidebar

    =>

    – Select Android and then Select “Applocation Identifier name”



    – Now screooll down to “FCM Server Key” section and click on “Add a FCM Server Key” Button



    – Now Select “Google Cloud Messaging Token” and paste the copied Server key under Cloud Messaging Token” and click “Save” button


5. Finally go to app > services > miscConfig.js and put “true” for “enablePushNotification”



That’s it — users who run this new version of the app will now receive notifications through FCM using your project’s credentials.

– After configuring Push notification , please create a new build and test with that. Older build might produce errors.

6. After you upload the app in play store and get approved, you need to log in to your play console account and select your published app. On the next page select “App Signing” under “Setup” option from the left sidebar. Scroll down to “App signing key certificate” You’ll see something like the image below. Copy the “SHA-1 certificate fingerprint” under “App signing key certificate”.
Go to your firebase project, open the android app you created in step 2. Now add the “SHA-1 certificate fingerprint” to your project.
Similarly Copy the “SHA-256 certificate fingerprint” And add it to firebase project.
If you miss this step, google signin will not work in the app downloaded from play store.


]]>
NPM error (Invalid version) https://www.radiustheme.com/docs/classima-mobile-app/faqs/npm-error-invalid-version/ Wed, 18 Aug 2021 06:05:12 +0000 https://www.radiustheme.com/docs/classima-mobile-app/?p=243 If you get any error in installing the dependencies (e.g. npm ERR! Invalid version: “x.x” ) Please follow the below steps:
1. Delete “node_modules” folder (root directory) if it is there.
2. Delete “package-lock.json” file (root directory).
3. Check the value of “version” in your app.json & package.json file. If they are different, please make them same. And make it like 1.0.0 (three part) See the versioning rules.
4. Now run “npm install” command. If it gives any error, run “npm install –legacy-peer-deps” .

]]>