[Apache Cordova] Como usarlo con JavaScript

[TrinityCore]

Buenas.

Verás, quisiera saber como se hace para utilizar los plugins de apache cordova.

He visto la pagina oficial, pero no encuentro nada como una "Libreria" que se pueda incluir en el index como para poder usar sus funcionalidades.

Lo necesito porque estoy desarrollando un videojuego para dispositivos móviles con HTML5 [JavaScript - Phaser], y la verdad es que no se como hacer para poder usar esta tecnología.

No se si debe de instalarse o simplemente incluirse como una librería, por eso quisiera que me den una mano para saber como hacerlo.

Saludos y gracias de antemano!

[Triby]

En la documentación está todo lo que necesitas: https://cordova.apache.org/docs/en/latest/, incluso, mencionan cómo desarrollar para Android.

[ArturoGallegos]

Que funcionalidad en concreto necesitas? si son las de tu juego simplemente agrega tu JS como tal, no necesitas nada especial.

Quizás lo único que necesites en especial y no es 100% estricto/necesario es meter tu código entre

Código Javascript:

document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
// aqui tu codigo
}
 

[TrinityCore]

Buenas, gracias por responder, me explicare un poco mas.

Yo estoy desarrollando juegos HTML5 y los compilo con cocoon.io para la plataforma deseada en este caso Android

Bien, cuando yo subo el directorio del juego automaticamente se crea un XML de configuración que determina entre otras cosas, los plugins que instalaste para ese juego (Poyecto).
Con eso, se supone que una vez compilado debería de funcionar correctamente, o eso entiendo...
Este es el XML que ami se me ha generado, con el plugin que yo quería. Vibración
Quiero mencionar que también agregue un parámetro que mostraba la pagina de apache cordova, pero aun así, sin resultados.

Código XML:

<?xml version="1.0" encoding="utf-8"?>
    <widget xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0" xmlns:cocoon="http://cocoon.io/ns/1.0" id="the.bubbles.games" version="1.0.3">
        <name>Title</name>
        <description>Description</description>
        <author email="[email protected]" href="http://end3r.com/">TrinityGames</author>
        <!-- ANDROID -->
        <platform name="android">
            <icon src="res/android/ldpi.png" density="ldpi"/>
            <icon src="res/android/mdpi.png" density="mdpi"/>
            <icon src="res/android/hdpi.png" density="hdpi"/>
            <icon src="res/android/xhdpi.png" density="xhdpi"/>
            <icon src="res/android/xxhdpi.png" density="xxhdpi"/>
            <icon src="res/android/xxxhdpi.png" density="xxxhdpi"/>
            <preference name="enabled" value="true"/>
            <preference name="Orientation" value="landscape"/>
            <preference name="Fullscreen" value="true"/>
        </platform>
        <!-- IOS -->
        <platform name="ios">
            <!-- iOS 8.0+ -->
            <!-- iPhone 6 Plus  -->
            <icon src="res/ios/[email protected]" width="180" height="180"/>
            <!-- iOS 7.0+ -->
            <!-- iPhone / iPod Touch  -->
            <icon src="res/ios/icon-60.png" width="60" height="60"/>
            <icon src="res/ios/[email protected]" width="120" height="120"/>
            <!-- iPad -->
            <icon src="res/ios/icon-76.png" width="76" height="76"/>
            <icon src="res/ios/[email protected]" width="152" height="152"/>
            <!-- iOS 6.1 -->
            <!-- Spotlight Icon -->
            <icon src="res/ios/icon-40.png" width="40" height="40"/>
            <icon src="res/ios/[email protected]" width="80" height="80"/>
            <!-- iPhone / iPod Touch -->
            <icon src="res/ios/icon.png" width="57" height="57"/>
            <icon src="res/ios/[email protected]" width="114" height="114"/>
            <!-- iPad -->
            <icon src="res/ios/icon-72.png" width="72" height="72"/>
            <icon src="res/ios/[email protected]" width="144" height="144"/>
            <!-- iPhone Spotlight and Settings Icon -->
            <icon src="res/ios/icon-small.png" width="29" height="29"/>
            <icon src="res/ios/[email protected]" width="58" height="58"/>
            <!-- iPad Spotlight and Settings Icon -->
            <icon src="res/ios/icon-50.png" width="50" height="50"/>
            <icon src="res/ios/[email protected]" width="100" height="100"/>
        </platform>
        <content src="index.html"/>
        <access origin="*"/>
        <preference name="Orientation" value="landscape"/>
        <preference name="Fullscreen" value="true"/>
        <plugin name="com.ludei.canvasplus.ios" spec="*"/>
        <plugin name="com.ludei.canvasplus.android" spec="*"/>
        <plugin name="cordova-plugin-vibration" spec="*"/>
    </widget>
 

Este es el archivo que se supone, debería de hacer funcionar el plugin al compilar la APK, pero no dio resultados, he intentados todas las formas que muestran y aun así, nada...

Espero me entiendan y puedan ayudarme, gracias de antemano!

[ArturoGallegos]

Esperemos que alguien con conocimientos de cocoon.io pase por aquí a darte alguna idea, lamentablemente es una herramienta externa y desconozco su funcionamiento, a simple vista me parece un dreamweaver o frontpage.

De entrada te diré que el puro XML no sirve de nada, necesitas muchos mas archivos que forman parte del proyecto.

esta linea llama al plugin pero, realmente lo instalaste? no te diré el procedimiento por lo que ya dije, no conozco cocoon
<plugin name="cordova-plugin-vibration" spec="*"/>

[TrinityCore]

Hola, gracias nuevamente por tu respuesta.

Cocoon.io es una herramienta para compilar proyectos de HTML5 en apps nativas, como por ejemplo Android, WindowsPhone, IOS, etc

Si, se que ese XML no serviría de nada así solo, pero para mi que es para que el programa sepa lo que se instalara y como se configurara, ya que indica los nombres de las imagenes, titulo, descripcion, etc.

Y si, he instalado el plugin te dejare unas capturas:

Esta es donde se configura para compilar:

Esta es donde se instalan los plugins:


Bueno, no espero que realmente entiendan esto... porque cocoon.io nada tiene que ver realmente con javascript.

Pero si quisiera que me ayudaran en lo siguiente.
Y es, como agregar estos plugins en mis proyectos, es decir, solo en proyectos HTML5 en donde yo acceda por ejemplo a mi servidor local con mi tableta y pueda ver si funciona la vibración y cosas así.

Ya que quiero agregar algunas cosas a una pagina que estoy desarrollando.

Tengo Windows 7.
Utilizo AppServ

Gracias de antemano!

[ArturoGallegos]

1.- las capturas que muestras no nos dicen nada, porque como ya te dije no conocemos como funciona cocoon.io necesitas buscar apoyo en cocoon.io o esperar un largo largo tiempo en que venga por aqui alguien que sepa del tema.

2.- cordova no tiene nada que ver con cocoon, yo te puedo decir como instalar el plugin pero muy posiblemente no te ayude de nada., pero de igual aqui tienes el codigo para instalar el plugin.

en terminal ejecuta
cordova plugin add cordova-plugin-vibration

documentación completa
https://cordova.apache.org/docs/en/l...gin-vibration/

3.- para testear tu app en android has de complilar todos los archivos para obtener el archivo apk que es el instalador.... ya lo has obtenido? el visitar la url de en el navegador no hace que funcione.

[TrinityCore]

No, me parece que cocoon.io funciona bien... por alguna razón mi tableta no vibra.

Descargue unas apps de la PlayStore y no funcionan, bueno... de seguro la tableta es la que no funciona.