> For the complete documentation index, see [llms.txt](https://binjaratech.gitbook.io/woo-app-mobile-app/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://binjaratech.gitbook.io/woo-app-mobile-app/getting-started.md).

# Getting Started

## Getting Started

Setup ionic environment - to know more about ionic environment setup see, ionic framework official document - [**https://ionicframework.com/docs/intro/installation/**](https://ionicframework.com/docs/)

Unzip downloaded files

Change your details in **app/config.xml**. Change id, name, description, author, email, href

```markup
<?xml version='1.0' encoding='utf-8'?>
<widget id="com.grocery.binjara" version="0.0.2" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
    <name>Grocery Ecommerce</name>
    <description>An awesome Ionic/Cordova app.</description>
    <author email="hi@ionicframework.com" href="http://ionicframework.com/">Ionic Framework Team</author>
```

CD app

```bash
$ cd wooapp
```

add android and ios platform

```bash
$ ionic cordova platform add android
```

```
$ ionic cordova platform add ios
```

## **WooCommerce API**

1. Visit **`WooCommerce > Settings > Advanced > REST API`** tab and tick the Enable REST API Checkbox
2. Go to **`API WooCommerce > Settings > Advanced > REST API > Keys/Apps > Add Key`**

![](https://gblobscdn.gitbook.com/assets%2F-L9dfyK8qHyd3G-y0mZm%2F-LWK8Ea5yq9UlPnDL1nD%2F-LWK8_DyFlVRbil0Kia5%2FScreen%20Shot%202019-01-16%20at%2011.01.07%20AM.png?alt=media\&token=75466573-223a-488b-8dd5-798f08c417dc)

Select the user in user field and add a description. Choose level of access **Read/Write**. then select the button Generate API Key and WooCommerce will generate API keys for that user.

![](https://gblobscdn.gitbook.com/assets%2F-L9dfyK8qHyd3G-y0mZm%2F-LWK8Ea5yq9UlPnDL1nD%2F-LWK8uxsvFLOFI68wVKq%2FScreen%20Shot%202019-01-16%20at%2011.04.18%20AM.png?alt=media\&token=ccadf242-63af-437d-81ef-4e68d12b0f46)

Now you should see two new keys, These two keys are your Consumer Key and Consumer Secret

![](https://gblobscdn.gitbook.com/assets%2F-L9dfyK8qHyd3G-y0mZm%2F-LWK8Ea5yq9UlPnDL1nD%2F-LWK9AWIsKBY09Ifahsy%2FScreen%20Shot%202019-01-16%20at%2011.05.24%20AM.png?alt=media\&token=db37238f-5893-466c-9fe3-daac73e690f4)

Add url, api keys in **src/app/envioronments/envioronment.ts** file.

Also, change production envioronment file in **src/app/envioronments/envioronment.prod.ts**

```javascript
  apiurl:'API_URL',
  consumer_key:'CONSUMER_KEY',
  consumer_secret:'CONSUMER_SECRET',
```

#### Now you can run your app -

```bash
ionic serve
```

```bash
ionic cordova build android
```

```bash
 ionic cordova build ios
```

{% hint style="info" %}
Debug apk may take time to load on some android devices. you need to build --prod to load faster

```
ionic cordova build android --prod
```

```
ionic cordova build ios --prod
```

{% endhint %}