Foro

Home Forums General Plugin CrossWalk en Phonegap

This topic contains 40 replies, has 6 voices, and was last updated by Jose Jesus Perez Rivas Jose Jesus Perez Rivas 5 años .

Viendo 15 respuestas - de la 1 a 15 (de 41 en total)
  • Plugin CrossWalk en Phonegap

    Intervenciones
  • Ángel Luis Sánchez
    Ángel Luis Sánchez 
    Participant

    Buenas a todos,
    he estado leyendo en el foro (tutoriales y blog) sobre el plugin CrossWalk, me gustaría saber como integrarlo en mi proyecto y que mejoras supondría este nuevo plugin.
    Aclaro que utilizo ahora mismo la versión por defecto de phonegap en el phonegap build, es decir, la versión 3.7.0. Ya que al añadir la nueva versión
    1.  <preference name='phonegap-version' value='cli-5.1.1' />

    La app me deja de funcionar, no se si hay que cambiar algo más para poder utilizar CrossWalk.
    ¿Cómo debería añadirse el plugin CrossWalk?¿Vale la pena su uso aunque incremente el peso de la app en 18MB?¿Se puede usar en proyectos phonegap o sólo en cordova?¿Cual es la diferencia?
    Saludos!


    Jose Jesus Perez Rivas
    Jose Jesus Perez Rivas 
    Keymaster

    Hola Ángel, intento responderte a cada pregunta :)

    ¿Cómo debería añadirse el plugin CrossWalk?
    Si compilas con phonegap build, solo añade la preferencia phonegap-version con valor cli-5.1.1 en tu config.xml y la referencia al plugin.

    ¿Vale la pena su uso aunque incremente el peso de la app en 18MB?
    Sí, aumentará el rendimiento de tu app, así como mejoras como indexdb por ejemplo para base de datos. Ten en cuenta que al trabajar siempre con un mismo navegador parar todas las versiones de Android te quitas problemas de compatibilidades en versiones bajas como la 4 por ejemplo ;)

    ¿Se puede usar en proyectos phonegap o sólo en cordova?
    En cordova y phonegap. Ten en cuenta que al final phonegap es cordova ya que trabaja con la librería.

    ¿Cual es la diferencia?
    Rendimiento y estandarización de tu proyecto.

    Saludos


    Ángel Luis Sánchez
    Ángel Luis Sánchez 
    Participant

    Hola de nuevo,
    me ha surgido otra duda, ¿el plugin crossWalk tiene sentido utilizarlo en todas las versiones de android, incluso en android 5.0 lollipop (por ejemplo)?

    Saludos


    Ángel Luis Sánchez
    Ángel Luis Sánchez 
    Participant

    No me funciona ninguna petición ajax en la app al probar el plugin crossWalk, además la visualización de la app ha cambiado, ¿a qué puede deberse? ¿Cómo se utiliza este plugin?

    Saludos


    dangerousdave
    dangerousdave 
    Participant

    Digamos que JellyBean tiene un webview, otro distinto tiene KitKat y ahora desde Lollipop en adelante va ser el mismo ya que han independizado el webView. El caso es que como, yo al menos quiero que la app funcione desde JellyBean tendrías que ir adaptando el codigo para cada webview… Croswalk lo que hace es que instala con la app su propio webView para que solamente lo tengas que hacer y se verá en todos los dispositivos igual. Una vez la versión más antigua de android sea L como el webview se instala independiente ya no haría falta utilizar crosswalk a no ser que demuestre mas velocidad que el “original”.

    Crosswalk va utilizando ultimas versiones de chromium y si tu estabas haciendo pruebas en según que versión de android habrás adaptado tu codigo a esa versión al meter Crosswalk y ser, supongo, más actual seguramente algunos apaños que has implementado lo que hacen en realidad ahora es decolocar tu interfaz.

    En cuanto a lo de las url creo recordar que para utilizar crosswalk necesitas android 4.0 y a partir de esa version tienes que instalar el plugin whitelist y poner en el config.xml que acepte urls, etc…


    dangerousdave
    dangerousdave 
    Participant

    En mi caso voy a dejar de utilizarlo ya que no voy a usar Materialize como interfaz me he cambiado a Framework7 y según pruebas que estoy haciendo tiene una visualización/funcionalidad 100% desde JellyBean y va fluido por lo que como integrar Crosswal además de por velocidad era por tener una misma visualización y no tener que estar trasteando con el .css ya no me hace falta puesto que se ve bien… cierto es que ganaría velocidad pero va muy fluido y Crosswalk ocupa muuuucho me parece que son unos 15mb en descarga pero incrementa unos 50mb en disco.


    Ángel Luis Sánchez
    Ángel Luis Sánchez 
    Participant

    Utili<o versiones de android superior a 4.0. En concreto la 4.0.3.
    Me instale el plugin whitelist y en el config.xml puse lo siguiente:

     Code: config.xml (select
    1.
    2.
    3.
    4.
    5.
    6.
    7.
    8.
    9.
    10.
    11.
    12.
    13.

    <allow-navigation href="*" />

      <allow-navigation href="http://*/*" />
      <allow-navigation href="https://*/*" />
      <allow-navigation href="data:*" />
      
      <allow-intent href="http://*/*" />
      <allow-intent href="https://*/*" />

      <allow-intent href="tel:*" />

      <allow-intent href="*" />
      <access origin="*" />

    Vamos que le di acceso a todo para probarlo y nada :(
    Una cosa, antes de utilizar phonegap 5.1.1 y crosswalk, mi app funcionaba en android 4.0.3, 4.2.2 y Lollipop.


    dangerousdave
    dangerousdave 
    Participant

    Pues creo que con WhiteList y los ajustes del config.xml debería funcionar yo tengo una app con crosswalk y tiene llamadas ajax… Pon puntos de control en el success, error de la petición ajax para ver si te puede indicar el problema


    Ángel Luis Sánchez
    Ángel Luis Sánchez 
    Participant

    Estoy meditando muy seriamente cambiarme a Framework7 y combinarlo con jquery (ya que es el framework core de mi app).
    ¿Que te parece esa combinación? ¿se puede utilizar phonegap build para compilar una app hecha en Framework7? ¿Existe algún otro requisito?


    dangerousdave
    dangerousdave 
    Participant

    Phonegap y Framework7:

    - No utilizo phonegaBuild pero te diría que se puede perfectamente es en definitiva html,css,js no tiene más historia.

    Combinar jquery con Framework7

    - Framework7 tiene todas las opciones de jquery con la misma forma lo unico que cambia es que en lugar de $ se pone $$, además tiene gestion de rutas y de plantillas. Te puedes ahorrar jquery, mustache y con un pequeño MVC más lo que tiene se puede hacer una app muy decente. Yo de momento estoy muy contento lo unico que le faltaría es una estructura MVC pero no es muy dificil implementarle una yo descarte integrarlo con angular y algun otro mvc ya que no sabía exactamente como cuadrar las rutas de f7 con por ejemplo angular ya que se joden las transiciones que es lo más interesante de f7.

    Yo de momento estoy utilizando jquery y Framework7 ya que hago unas actualizaciones de la bbdd local desde la nube y una vez tengo todo cargado ya inicio la app y solamente utilizo Framework7. Más adelante quiero quitar jquery y dejar solamente f7.


    dangerousdave
    dangerousdave 
    Participant

    F7 lleva incorporado algunas mejoras como fastclick y algo muy interesante que yo solía solucionar metiendo una capa invisible para no poder darle mil veces a los botones mientras se cargan las cosas y es que tiene delay entre clicks y gestiona si es un move o un touch y tambien detecta un touch largo.


    Webserveis
    Webserveis 
    Participant

    Realmente el Framework7 se ve muy sólido, es más senzillo que Ionic + angular + Materilize, ahora soporta theming Material Design, mirare de hacer un pequeño port de la aplicación Mi IP con ese framework a ver como se comporta de fluidez.


    Happy code!


    angelru
    angelru 
    Participant

    Que tal se comporta el Framework7 de fluidez en las transiciones?? Mi última aplicación que la quise dar un toque de “design” la hice sin framework, simplemente puro javascript, html5 y css3, lo que si noté es que las transiciones no son tan suaves si la capa tiene una imagen o un mapa de google maps, supongo que esto será cosa del webview. Aunque tuve que meter crosswalk debido a que se “deformaba” mucho el diseño en versiones anteriores a KitKat.

    • This reply was modified 5 años, 1 mes by angelru angelru.

    • This reply was modified 5 años, 1 mes by angelru angelru.
    dangerousdave
    dangerousdave 
    Participant

    Yo acabo de terminar la estructura básica y voy a empezar a meterle chicha pero vamos ya probé la versión de la web tal cual (metida en phonegap) con todos los ejemplos y uno de ellos es un cubo en 3d con 9 imagenes que giran y tiene sombreado y lo movia de forma decente tanto el iphone 4s como un movil de marca blanca con JellyBean y eso es lo que más tira ya que el resto de sliders y cosas asi van super fluidos.

    Puedes hacer una estructura:

     Code: arbitrary (select
    1.
    2.
    3.
    4.
    5.
    6.
    7.
    8.
    9.
    10.
    11.
    12.
    13.
    14.
    15.
    16.
    17.
    18.
    19.
    20.
    21.
    22.
    23.
    24.
    25.
    26.
    27.
    28.
    29.
    30.

    App
    - Android
       - Css
         - ios.theme.css
       - imgs
         -imgs solo ios
       - View
         - index.html solo ios
    - iOS
       - Css
         - android.theme
       - imgs
         - imgs solo android
       - View
         - index.html solo android
    - Common
       - css
        - css comun
       - imgs
        -imgs comun
       - views
         - vistas comunes***
       - Js
         - Model
         - Controller
         - Library
         Framework7.js
         initApp.js
         function.js
         index.js

    Lo que hago es tener un index vacio y segun el SO cargo android o ios el index.html, css propios de cada SO y más adelante al iniciar la appF7 le digo que ruta va llevar que datos, si quieres luego cargar datos externos se puede hacer con ajax tambien diciendole que plantilla va llevar esos datos tipo mustache.js

    Me gusta puesto que exlcusivo de android o ios solamente seria el .css, el index.html y algunas imgs y luego todo lo demás es comun. Las plantillas comunes necesitan algun cambio puesto que el nav va diferente en cada SO pero puedes pasar una variable true/false y en una plantilla comun por ejemplo about.html cambiar un poco la estructura segun lo que queramos para no tener dos plantillas para cada vista.


    Ángel Luis Sánchez
    Ángel Luis Sánchez 
    Participant

    Estoy integrando Framework7 y quitando jquery mobile (el cual no utilizare nunca más xD). Y la verdad es que va súper fluido las transiciones entre vistas, menús desplegables, etc.
    El plugin crossWalk lo integré sin problemas y, aunque sea poco, pero se nota una mayor rapidez al usar el plugin, aunque consume mucho espacio en disco (50MB).

    Además, creo que no utilizaré jquery, ya que con framework7 puedes recorrer el DOM, y sus funciones son casi idénticas a las de jquery.

    Por otra parte estaba probando ya peticiones AJAX al Web Service, en el navegador me van perfectamente (usando Ripple), pero en el móvil no tiran. Alguna idea?

    ¿Hay que meterle el plugin whitelist o algo? Es que no tengo narices a que me vaya ninguna petición AJAX y llevo ya así mucho tiempo.


Viendo 15 respuestas - de la 1 a 15 (de 41 en total)

You must be logged in to reply to this topic.

RT @PWAExpertsIO: 🎙️ Cómo capturar 🎼 audios con tu #PWA. @JoseJ_PR te enseña cómo hacerlo a través de este #tutorial👇🏼 https://t.co/Rkpw609:57 PM Jun 8th