# Install SDK for Ionic

## **Ionic Framework**

We now support the Ionic framework in building your application using our web SDK. You can use our Chat natively to support your mobile or web applications built using the Ionic framework.

Since Ionic is an HTML5 framework, it needs a native wrapper to access native SDK functionalities and run as a native app. We recommend using Capacitor.

Capacitor will wrap your application in a native container so you can easily integrate our web SDK to run on iOS, Android, and web platforms.

### **Getting Started**

We will walk you through the process of installing ionic and all the necessary dependencies for development.

### **Installing Ionic**

Ionic comes with a convenient command line utility to start, build, and package Ionic apps. To install it, simply run:

```javascript
sudo npm install -g @ionic/cli
```

### **Adding a Capacitor to your app**

In the root of your application, install Capacitor:

```javascript
npm install @capacitor/core --save
```

### **Adding support for the native platform**

Now, we need to copy the native platform template into your application:

```javascript
ionic capacitor add <platform>
```

| **platform**                                          |
| ----------------------------------------------------- |
| The platform template to add (e.g. `android`, `ios`). |

### **Opening the Application**

To open the application in your IDE, run:

```javascript
npx cap open <platform>
```

| **platform**                                        |
| --------------------------------------------------- |
| The platform you are using (e.g. `android`, `ios`). |

{% hint style="info" %}
For Android, it will open Android Studio. For iOS, it will open Xcode.
{% endhint %}

## **Where to go next**

Now you’re ready to start integrating our chat SDK into your application.

### **Using our Chat SDK**

* [**Ionic with JavaScript framework**](https://github.com/AmityCo/amity-docs/blob/main/getting-started/installation-and-authentication/broken-reference/README.md)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.social.plus/getting-started/installation-and-authentication/install-sdk-ionic.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.