Commit 4eb89b6a authored by UDAY  BHASKAR's avatar UDAY BHASKAR

Merge branch 'master' of https://code.swecha.org/KLUGLUG/DigiMart

parents 1ac355f8 9a04ba16
This diff is collapsed.
Digimart Exexution steps
First complete the below "requirement" steps
Now clone the project into your required directory in laptop
Now create a new project in your pc by looking on "Create Blank project" steps below
Now copy the node modules folder from the new project which is present in project directory.
Copy that node modules folder into the cloned project and now you are ready to run it.
REQUIREMENTS:
IONIC INSTALLATION
Node Installation
1.To Install Ionic, we should Do the following Steps
2.Open Terminal
3.First we should install Nodejs to work on ionic
Type Following command to install nodejs
$ sudo apt-get install nodejs or sudo apt install nodejs-legacy or
curl -sL https://deb.nodesource.com/setup_10.x | sudo -E bash -
sudo apt-get install -y nodejs (To install nodejs version 10)
Thus We have installed Nodejs
To install npm $ sudo apt-get install npm
If any problem persists update packages with command $ sudo apt update
and try again.
4.Check whether nodejs and npm is installed or not by typing the following command. npm –version and node --version
5.If it is successfully installed it will print the version of your npm
6.Now Install Ionic
7.Open command prompt and go to root $sudo su
8.Type the following command sudo npm install -g ionic@3.2.0 and npm install cordova
9.Now check for Successful installation of ionic By typing commands as ionic --version.
Create Blank Project
4.Now create a new Blank Project by typing following command ionic start helloWorld blank
5.To add Android Dependecy to the app:
$ionic cordova platform add android
6.To add Ios Dependecy to the app:
$ionic cordova platform add ios (System should be ios).
7.Now it will create a folder named helloWorld in your respective location.
To create a Page: (Neglet <>)
ionic g page <Page Name>.
8.It Will create a page in src folder of your project.
9.To Run Ionic Project:
Go to Your Project Directory and Type the following command For serving on Browser: ionic serve
12.To Run on emulator(android):
$ionic cordova run android
13.Apk Will Be found on :
<You App Directory>\<You App Name>\platforms\android\app\build\outputs\apk\debug
14,To Run On Browser(Browser Comaptability):
$ionic cordova run browser.
Plugins Installation
Used Plugins in Our Project:
Plugins Present in Ionic will be Present in following Link
https://ionicframework.com/docs/v3/native/
1. Geolocation Plugin: (To trace the Location which returns Latitude and Longitude Values of Current Posititon)
https://ionicframework.com/docs/v3/native/geolocation/
2. Geocoder Plugin:(To Trace the Name of the places using Latitude and Longitude Values)
https://ionicframework.com/docs/native/native-geocoder/
3. Camera Plugin: (Works only on Mobile and Emulators)
To Take Photos
https://ionicframework.com/docs/native/camera
4. Call Number: (To directly call the number from app)
https://ionicframework.com/docs/native/call-number
5. Image Picker:(To access Gallery)
https://ionicframework.com/docs/native/image-picker
VISUAL STUDIO CODE INSTALLATION
1.Goto https://code.visualstudio.com/download and download the .deb file for linux
2.Then open terminal
3.Thengoto the .deb file directory
default cmd: “cd Downloads”
4.Now use the cmd: “sudo dpkg -i filename.deb”.
5.Then you can see the Visual studio code in the menu.
DOCUMENTATION FOR LEAFLET MAPS INSTALLATION
To Install Leaflet Maps, we should Do the following Steps
1. Open Terminal
2. Check for whether “npm” is installed or not by typing following command “npm --version”
3. If it is present it will show the version or else it will print some error
4. If Error is present try to reinstall node library(npm)
5. If “npm” is present now we should install Leaflet package using “npm”
6. Installing Leaflet Package command
npm install leaflet –save
7. Now open Index.html file in your project directory (Present in “src” folder of Your project) and Paste the following code.
<link href="https://unpkg.com/leaflet@1.1.0/dist/leaflet.css" rel="stylesheet">.
10.Now you Have Successfully finished the installation of leaflet Maps.
SAMPLE LEAFLET MAP IMAGE
References:
1.http://tphangout.com/ionic-3-leaflet-maps-geolocation-markers/
XAMPP INSTALLATION
1. To download XAMPP
open your browser and search the URL "apachefriends.org", There you can see a button download XAMPP for linux,click on it.
2. to Install XAMPP
open terminal and go to downloads, "cd downloads"
To Execute the downloaded installer,we need to set executable permissions on it.
using cmd :sudo chmod +x xampp-linux-x64-7.0.23-0-installer.run and enter your password to proceed
note: the version may be different,check the version.
3.install xampp using cmd :sudo ./xampp-linux-x64-7.0.23-0-installer.run
4. Now a setup window will open, click on next button until the installation starts.
5.Select Developer Files
6.It will take some time to install, then click on finish button. After It will appear like this
7.To start XAMPP
open terminal and type the cmd : sudo /opt/lampp/lampp start
8.To Stop XAMPP
open terminal and type the cmd : sudo/opt/lampp/lampp stop
9. To go to localhost
Start the XAMPP again ,now open your browser and search the URL “localhost/phpmyadmin”
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment