5.7 KB
Newer Older
mohanvamsi's avatar
mohanvamsi committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120
                                                    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.
                                                      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 | 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
1. Geolocation Plugin: (To trace the Location which returns Latitude and Longitude Values of Current Posititon)
2. Geocoder Plugin:(To Trace the Name of the places using Latitude and Longitude Values)
3. Camera Plugin: (Works only on Mobile and Emulators)
To Take Photos
4. Call Number: (To directly call the number from app)
5. Image Picker:(To access Gallery)

                                        VISUAL STUDIO CODE INSTALLATION

1.Goto 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="" rel="stylesheet">.
    10.Now you Have Successfully finished the installation of leaflet Maps.



                                               XAMPP INSTALLATION

	1. To download  XAMPP
	open your browser and search the URL "", 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 and 		enter your password to proceed 
		note: the version may be different,check the version.
	3.install  xampp using cmd :sudo ./  
	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”