Getting Started

– Full integration with WooCommerce
– Seamless support for both iOS and Android platforms.
– Social logins via facebook
– Simple and adaptable customization to align with your brand identity.
– Instant push notifications through Firebase.
– Comprehensive support for shipping and discount management.
– Easily manage flexible shipping options through the admin panel.
– Integration of multiple payment methods, including PayPal, Stripe, and Cash on Delivery (COD)..
– Enjoy the convenience of WishLists that synchronize across multiple devices.
– Keep track of your orders with the My Order tracking feature.
- Quick and secure wallet payment options.

Open your PHP configuration file php.ini and change the following settings:

memory_limit = 64M
max_execution_time  = 300
upload_max_filesize = 50M
max_file_uploads = 50

• 1. Change the following code in .env file from APP_URL=http://domain.com to APP_URL=https://domain.com.
• 2. There have 3 options:
• – Option 1: Add ENABLE_HTTPS_SUPPORT=true to .env file
• – Option 2: Add to .env file following code:

  FORCE_SCHEMA=https
  FORCE_ROOT_URL=https://domain.com
  ENABLE_HTTPS_SUPPORT=false
  

• – Option 3: If you are using hosting and Cpanel, you can Force HTTPS Redirection for your domains. Check this article.

Firebase

Create a Firebase Project:

• Go to the Firebase Console (https://console.firebase.google.com/).
• Click on "Add project" to create a new project.
• Follow the on-screen instructions to set up your project.

Add Your App to the Project:

• In the Firebase Console, select your newly created project.
• Click on "Add app" and choose the platform (e.g., Android).
• Follow the setup wizard's instructions, which may include providing your app's package name and other information.

Download the Configuration Files:

• After adding your app, you'll be prompted to download a google-services.json file for your Android app. Place this file in the appropriate location in your Android project.

Set Up Your Android Project:

• In your Android project, add the Firebase SDK and other necessary dependencies to your app-level build.gradle file. Ensure that you have the following dependencies:

  implementation 'com.google.firebase:firebase-messaging:20.1.6'
  implementation 'com.google.firebase:firebase-core:17.5.0'
  

Initialize Firebase:

• In your app's main activity or application class, initialize Firebase with the following code in your onCreate method:

  FirebaseApp.initializeApp(this);
  

Implement Firebase Cloud Messaging:

• Create a class that extends FirebaseMessagingService to handle incoming messages.
• Override the onMessageReceived method to process and display the received messages.
• You can customize how notifications are displayed and handle custom data payloads here.

Request Necessary Permissions:

• Ensure that your app has the necessary permissions, such as internet and permission to receive push notifications.

Subscribe to Topics (Optional):

• You can subscribe devices to specific topics to send targeted notifications. Use the FirebaseMessaging.getInstance().subscribeToTopic("your_topic") method to subscribe devices to a topic.

Test Your Setup:

• Test push notifications using Firebase Cloud Messaging's built-in tools or a Firebase Cloud Messaging API.

Send Notifications:

• You can send notifications to your app via the Firebase Console or programmatically using the Firebase Cloud Messaging API.

Handle Token Refresh (Optional):

• Implement the onNewToken method in your FirebaseMessagingService to handle token refresh events.

Remember to refer to the Firebase documentation and adapt the steps based on your specific use case and platform. Also, make sure your app's server is correctly set up to send notifications to Firebase Cloud Messaging.

Stripe

• Go to Stripe & create a new account.
• Login to your dashboard & turn your account on by flipping the switch from “Test” to “Live”.
• Click Activate Account in the pop up window to fill out the standard business details Stripe needs to send you payments.
• Once you’ve completed the entire form, click Activate Account.
• Now that your account is live, go to Your Account and click on Account Settings.
• Click the API Keys tab & copy the Live Secret Key & Publishable Key.
• Go to Admin Panel -> Settings -> Payment Settings, find Stripe and edit the following options:
  1. Stripe API Key - Your Stripe secret api key that starts with pk_
  2. Stripe Secret Key - Your Stripe secret key that starts with sk_

Paypal

• Login to PayPal, then click here: https://developer.paypal.com/developer/applications/create
• Set your app name, email address then click Create App.
• On the top right side, you can see two tabs, SandBox and Live, Choose Live.
• Go to Admin Panel -> Settings -> Payment Settings, find PayPal and edit the following options:
  1. Paypal Client ID - PayPal application ID you created in the previous chapter.
  2. Paypal Client Secret - PayPal application secret key you created in the previous chapter.

Need to config mail in Admin ->> Settings ->> Email SMTP Settings.

SMTP Settings

• Node.js and npm (Node Package Manager) installed.
• Ionic CLI and Cordova CLI installed globally (Ionic 5).
• A code editor (e.g., Visual Studio Code, Sublime Text).
• Internet connection for downloading dependencies.

• Download the source code for Bestatshop from CodeCanyon.
• Extract the downloaded ZIP file to your local machine.

Change app icon and splash screen

• Replace the files in the resources (resources/icon.png) (resources/splash.png) folder with respective size and format.
• https://ionicframework.com/docs/cli/commands/cordova-resources

Change Base URL

• Replace the files in the resources (resources/icon.png) (resources/splash.png) folder with respective size and format.

• Open /app/constants.ts file then replace your apiBaseUrl

  

Change Payment Gateway Keys and Configs

Stripe:

• Open /app/constants.ts file then replace your Stripe Keys and configs

  

Paypal:

• Open /src/index.html change the pay-pal client-id

  

Go to the project root directory and run the following command

npm install

• Before you can build for Android, ensure that you have Android Studio and the Android SDK installed on your system.
• Open a terminal and navigate to your project's root directory.
• Run the following command to add the Android platform to your project:
  
  ionic cordova platform add [email protected]
• Once platform added successfully, In app=>build.gradle need to the following changes compileSdkVersion cordovaConfig.SDK_VERSION ===> compileSdkVersion 31

• Replace Whitelist class with AllowList in cordova-plugin-file-transfer > src > android > FileTransfer.java

  import org.apache.cordova.Whitelist; => import org.apache.cordova.AllowList;

  /* This code exists for compatibility between 3.x and 4.x versions of Cordova.
   * Previously the CordovaWebView class had a method, getWhitelist, which would
   * return a Whitelist object. Since the fixed whitelist is removed in Cordova 4.x,
   * the correct call now is to shouldAllowRequest from the plugin manager.
   */
  Boolean shouldAllowRequest = null;
  if (isLocalTransfer) {
  	shouldAllowRequest = true;
  }
  if (shouldAllowRequest == null) {
  	try {
  		Method gwl = webView.getClass().getMethod("getWhitelist");
  		AllowList whitelist = (AllowList)gwl.invoke(webView);
  		shouldAllowRequest = whitelist.isUrlAllowListed(source);
  	} catch (NoSuchMethodException e) {
  	} catch (IllegalAccessException e) {
  	} catch (InvocationTargetException e) {
  	}
  }
  

  Replace Above code with below code it's work s for me

  /* This code exists for compatibility between 3.x and 4.x versions of Cordova.
     * Previously the CordovaWebView class had a method, getWhitelist, which would
     * return a Whitelist object. Since the fixed whitelist is removed in Cordova 4.x,
     * the correct call now is to shouldAllowRequest from the plugin manager.
     */
    Boolean shouldAllowRequest = null;
    if (isLocalTransfer) {
  	  shouldAllowRequest = true;
    }
    if (shouldAllowRequest == null) {
  	  try {
  		  Method gwl = webView.getClass().getMethod("getWhitelist");
  		  AllowList whitelist = (AllowList)gwl.invoke(webView);
  		  shouldAllowRequest = whitelist.isUrlAllowListed(source);
  	  } catch (NoSuchMethodException e) {
  	  } catch (IllegalAccessException e) {
  	  } catch (InvocationTargetException e) {
  	  }
    }
  

  More details please refer this issue link: https://github.com/apache/cordova-plugin-file-transfer/issues/306#issuecomment-884796504

• Please add the google-services.json file in this location platforms/android/app/google-services.json
• Then run your android app to your mobile by running the following command :ionic cordova run android

• To build for iOS, you must have Xcode and a Mac with macOS installed.
• Open a terminal and navigate to your project's root directory.
• Run the following command to add the iOS platform to your project:
  
  ionic cordova platform add [email protected]
• Once platform added successfully, In app=>build.gradle need to the following changes compileSdkVersion cordovaConfig.SDK_VERSION ===> compileSdkVersion 31
• After the platform is added successfully, do the pod install on the ios folder location.Then Please command three line in Plugins/cordova-plugin-file-transfer/CDVFileTransfer.m
• Then run your android app to your mobile by running the following command :

  ionic cordova run android