# Inicio rápido del SDK de Capacitor

Comience a usar el SDK de Capacitor de Pushwoosh con este ejemplo rápido y sencillo

## Prerrequisitos

Para integrar el SDK de Capacitor de Pushwoosh en su aplicación, necesitará lo siguiente:

<TranslatedFragment id="prerequisites-plugins" />

## Descargar el proyecto de ejemplo

Clone el repositorio del SDK:
```bash
git clone https://github.com/Pushwoosh/pushwoosh-capacitor-plugin.git
```

Navegue al directorio del plugin:
```bash
cd pushwoosh-capacitor-plugin
```

## Construir el plugin

Antes de ejecutar la aplicación de ejemplo, debe construir el plugin de Capacitor.\
Instale las dependencias del plugin:
```bash
npm i
```

Construya el plugin:
```bash
npm run build
```

## Configurar la aplicación de ejemplo

Navegue al directorio de la aplicación de ejemplo:

```bash
cd example
```

Instale las dependencias de la aplicación:

```bash
npm i
```

Construya los activos web:

```bash
npm run build
```

Abra **src/js/example.js** y actualice la llamada `Pushwoosh.onDeviceReady`:

```javascript
Pushwoosh.onDeviceReady({
    appid: "__YOUR_APP_CODE__"
});
```

Donde:

`__YOUR_APP_CODE__` es el código de la aplicación del Panel de Control de Pushwoosh.

### iOS

###### 1. Instalar dependencias de CocoaPods

Navegue al directorio de la plataforma iOS e instale las dependencias de CocoaPods:
```bash
cd ios/App
pod install --repo-update
cd ../..
```

###### 2. Sincronizar Capacitor con iOS

Después de instalar CocoaPods, sincronice la configuración de Capacitor:

```bash
npx cap sync ios
```

###### 3. Abrir el proyecto de iOS

Abra el proyecto en Xcode:

```bash
npx cap open ios
```

###### 3. Establecer el Bundle Identifier

En Xcode, establezca el **Bundle Identifier** con el nombre del paquete de su aplicación (por ejemplo, `com.example.pushwoosh`).

###### 5. Añadir capacidades

Para habilitar las Notificaciones Push, necesita añadir ciertas capacidades.

En la sección `Signing & Capabilities`, añada las siguientes capacidades:
- `Push Notifications`
- `Background Modes`. Después de añadir esta capacidad, marque la casilla para `Remote notifications`.

###### 6. Establecer el API Token

Abra `ios/App/App/Info.plist` en Xcode y añada la siguiente entrada con su [Token de API de Dispositivo de Pushwoosh](/es/developer/api-reference/api-access-token/#device-api-token):

```xml title="Info.plist"
<key>Pushwoosh_API_TOKEN</key>
<string>__YOUR_PUSHWOOSH_DEVICE_API_TOKEN__</string>
```

### Android

###### 1. Sincronizar Capacitor con Android

Sincronice la configuración de Capacitor con la plataforma Android:

```bash
npx cap sync android
```

###### 2. Configurar google-services.json

Copie su archivo `google-services.json` al directorio **android/app**.

###### 3. Establecer el nombre del paquete

Abra **android/app/build.gradle** y establezca el **applicationId** con el nombre del paquete de su aplicación (por ejemplo, `com.example.pushwoosh`).

###### 4. Establecer el API Token

Abra su archivo **android/app/src/main/AndroidManifest.xml** y añada los siguientes metadatos dentro de la etiqueta `<application>`:

```xml title="AndroidManifest.xml"
<meta-data android:name="com.pushwoosh.apitoken" android:value="__YOUR_PUSHWOOSH_DEVICE_API_TOKEN__" />
```
Reemplace `__YOUR_PUSHWOOSH_DEVICE_API_TOKEN__` con su [Token de API de Dispositivo de Pushwoosh](/es/developer/api-reference/api-access-token/#device-api-token).

###### 5. Abrir el proyecto de Android

Abra el proyecto en Android Studio:

```bash
npx cap open android
```

## Ejecutar el proyecto

1. Construya y ejecute el proyecto.
2. Toque el botón **"Click Me!"**.
3. Conceda permiso para las notificaciones push. El dispositivo se registrará en Pushwoosh.

## Enviar una notificación push

Vuelva al Panel de Control de Pushwoosh y [envíe una notificación push](/es/product/messaging-channels/push-notifications/send-push-notifications/one-time-push) a su dispositivo registrado.