# Environment Setup

#### Website Requirements

|                       |                               |
| --------------------- | ----------------------------- |
| <p></p><p>J2store</p> | <p></p><p>3.3.6 or higher</p> |
| <p></p><p>Joomla</p>  | 3.5 or higher                 |
| <p></p><p>PHP</p>     | 7.0 or higher                 |

**Install Components and Plugins to your website**

* Login as Administrator and then Simply choose Extensions → Manage → Install in any back-end page to install components, and plug-ins.

![](https://1714241532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FADxLdkcZJziga7lBQiH4%2Fuploads%2Flk4ffcyVOjLtFwZ2CrQg%2F1.png?alt=media\&token=4aeb8b74-e380-48a2-b3f3-2ccc901028ab)

* In the Upload Package File section, click the "Drag and drop file here" section to browse to and select the component file on your hard drive

![](https://1714241532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FADxLdkcZJziga7lBQiH4%2Fuploads%2FW8TyzD8SHYGchZ4PYgsH%2F2.jpg?alt=media\&token=43221fba-42d6-4260-aec6-33ae62bb2e69)

![](https://1714241532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FADxLdkcZJziga7lBQiH4%2Fuploads%2Fni4dqqfPBkCwTU3OMZIL%2F3.jpg?alt=media\&token=483d4227-059a-4edc-9940-288ff21e0716)

* After upload the plugins installation will be start. When it finishes, it displays a message telling you that installation was successful.

![](https://1714241532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FADxLdkcZJziga7lBQiH4%2Fuploads%2F2Kb4FhYe2V49FTEnLI18%2F4.jpg?alt=media\&token=0106463c-620f-4a1c-9b63-854b5484a504)

{% hint style="success" %}
Note : If you Install Plugin don't forget to Enable it.
{% endhint %}

#### Enable Plugins in Joomla

* To enable a plugin, log in to the admin panel of your Joomla site and click on the Extension -> Plugins option from the top navigation bar.

![](https://1714241532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FADxLdkcZJziga7lBQiH4%2Fuploads%2FkW5ktKEgYlT3tKVYrpJ4%2F5.png?alt=media\&token=14da0b81-5fd4-499d-82ed-6201014b2c7d)

* On this page, you will see a list of plugins available for your Joomla site. You can also search and sort the plugins to find whatever you want.

![](https://1714241532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FADxLdkcZJziga7lBQiH4%2Fuploads%2FUB52iQl5EOZ0m8LWKZOB%2F6.jpg?alt=media\&token=c8c3de8f-c35f-419d-8cc2-c485fb3b2c75)

* For instance, Let’s say we want to enable the J2Store RESTful API on our site. To enable the J2Store RESTful API plugin, just find it in the list.

![](https://1714241532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FADxLdkcZJziga7lBQiH4%2Fuploads%2FpjkBUvo90R59X0uNAmXV%2F7.jpg?alt=media\&token=b60f2562-113f-447d-a371-7e6aa29e40a6)

![](https://1714241532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FADxLdkcZJziga7lBQiH4%2Fuploads%2F1wVh5x1CbpPFOHC2gk3q%2F8.jpg?alt=media\&token=cde2ceb3-4065-4d85-ae86-b1c9dff5f522)

* select it using the checkbox given in the first column of the table and then click on the Enable button given at the top-left corner of the page.

![](https://1714241532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FADxLdkcZJziga7lBQiH4%2Fuploads%2FtI23eHvcCHL2pZwOARmk%2F9.png?alt=media\&token=0201c06f-7dd7-4134-a6b8-e38ebd0ac902)

* Once the plugin is enabled, you will see a success message.

![](https://1714241532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FADxLdkcZJziga7lBQiH4%2Fuploads%2FUkAIxcxCheIreuMBqAXB%2F10.png?alt=media\&token=a8ba55f8-c6a6-4a26-b637-8509ec2a2e9f)

**Get Rest API Client Id and Secret Key :**

* After Enabled J2Store RESTful API plugin, click on the J2Store RESTful API  get Client Id and Secret Key Informations

![](https://1714241532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FADxLdkcZJziga7lBQiH4%2Fuploads%2Fxh0NexiLKgQCMDUwgrGf%2F11.png?alt=media\&token=cb0b5b81-2a2a-4b48-94a7-54df44b5503a)

![](https://1714241532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FADxLdkcZJziga7lBQiH4%2Fuploads%2FoWjl0isv7ARPAIiel1bH%2F12.jpg?alt=media\&token=095bcecd-f7a1-4cad-90a7-f210c6a7020d)

#### Configure Firebase Auth Key in Website

* Goto Administrator and then Simply choose Components → J2MobApp → Settings

![](https://1714241532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FADxLdkcZJziga7lBQiH4%2Fuploads%2FV9K3QWKKcexnHXWPSUaB%2F13.jpg?alt=media\&token=a7de83bb-217b-46a8-be31-c0d8efb19fe0)

![](https://1714241532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FADxLdkcZJziga7lBQiH4%2Fuploads%2FvfIlOAGlHKxVcYPLrQjQ%2F14.png?alt=media\&token=41982ded-1d33-4821-a0b8-64ef198d5092)

* Enter your firebase auth key

![](https://1714241532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FADxLdkcZJziga7lBQiH4%2Fuploads%2F2t0ef6YzrPlVQ0QXADgy%2F15.png?alt=media\&token=975d1ab5-073d-4285-b36c-6e5aa053b2d7)

* After configured, you will send notification to your users.

{% hint style="success" %}
To get started with Ionic Framework, the only requirement is a Node, npm environment & a code editor.
{% endhint %}

#### **Node & npm**

1. Download the node from the following URL [`https://nodejs.org/en/download`](https://nodejs.org/en/download/)
2. We recommend selecting the LTS version to ensure the best compatibility.
3. A code editor for writing code [`https://code.visualstudio.com`](https://code.visualstudio.com/)
4. To verify the installation, open a new terminal window and run:&#x20;

```
 $ node --version
```

```
 $ npm --version
```