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
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!