Setup Environment

Setup Ionic Environment

To Install Ionic Development Environment Please check the official Ionic Documentation and follow all steps carefully.The app was built and tested in below environment:
 

  • Cordova CLI: 9.0.1
  • Ionic Framework Version: 4.11.10
  • Ionic CLI Version: 6.6.0
  • Node Version: v12.16.1
  • macOS Catalina
  • Xcode 11.4.1
Info!┬áIt’s not required to have an exact environment setup on you own. Just follow the official Ionic Documentation to setup your environment.

 

App ID

There is a file name zcart-app.zip in your downloaded files. Extract the zip archive and the source code is located in the zcart-app directory. Open your project folder and find the config.xml file not the root. This file has all the configuration that is used to build your apk and ipa files.

You’ll see the content like below:


<?xml version='1.0' encoding='utf-8'?>
<widget id="com.incevio.zcart" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
    <name short="zCart">zCart Marketplace</name>
    <description>An awesome multi-vendor marketplace application</description>
    <author email="help@incevio.com" href="http://incevio.com/">Incevio Team</author>
    <content src="index.html" />
    <access origin="*" />
    <allow-intent href="http://*/*" />

    ...

</widget>

The value of id in the widget tag contains the package name of the application that must be unique for every application in the app store and play store. Change this value from com.incevio.zcart to your own value.

The next is your application name. The name will be visible to users when the application will be installed on their mobile devices. Update the content of the name tag from zCart Marketplace to your brand or marketplace name and the description to your own.
 

API Source

Now its time to set the API endpoint to your zCart marketplace URL. Open the configuration file at zcart-app/src/environments/environment.prod.ts and update the BASE_URL and the IMG_URL.


    export const environment = {
        production: true,
        BASE_URL: 'https://zcart.incevio.com/api/',
        IMG_URL: 'https://zcart.incevio.com/'
    };

    ...

Just change the zcart.incevio.com part with your marketplace domain name where you hosted the zCart script. Keep the rest of the file unchanged.

The primary configuration has been done and now we can move to the next step, Branding!

 
 
 

Was this helpful to you?

Leave Comment