Pruebas en Dispositivos Móviles para Aplicaciones Multiplataforma

Rate this content
Bookmark

Probar tus aplicaciones multiplataforma en dispositivos móviles como React Native, Capacitor, u otros, es un paso crítico pero complejo del despliegue. Si estás acostumbrado a las pruebas web, navegar por las opciones para iOS y Android puede ser desalentador. Esta sesión cubrirá opciones de dispositivos virtuales y reales, tipos de compilaciones nativas para despliegues de prueba, cómo entregar aplicaciones a los probadores e incluso cómo ejecutar pruebas automatizadas en dispositivos reales.

Cecelia Martinez
Cecelia Martinez
28 min
07 Dec, 2023

Comments

Sign in or register to post your comment.

Video Summary and Transcription

Esta charla discute las pruebas móviles multiplataforma, incluyendo los desafíos que presenta y los tipos de dispositivos y compilaciones que se pueden utilizar para las pruebas. Explora las pruebas manuales, las pruebas automatizadas y el uso de herramientas como Appium y SOS Labs para ejecutar pruebas en dispositivos reales. La charla también toca la automatización de PWA, la elección entre aplicaciones móviles y PWA, y diferentes enfoques de pruebas y consideraciones de rendimiento.

Available in English

1. Introducción a las pruebas móviles multiplataforma

Short description:

Esto es prueba de dispositivos móviles para aplicaciones multiplataforma. Soy Cecilia Martinez, defensora de desarrolladores para AppFlow, una plataforma móvil CICD construida por Ionic. Las aplicaciones multiplataforma se construyen con una base de código y se implementan en iOS, Android y la web. Marcos como React Native, Ionic con Capacitor, Flutter, .NET MAUI y Kotlin Multiplatform lo permiten. El resultado es un proceso de desarrollo más rápido y una experiencia consistente para desarrolladores y usuarios.

Entonces, sí, esto es prueba de dispositivos móviles para aplicaciones cross-platform. Como probablemente ya hayan escuchado, soy Cecilia Martinez. Soy defensora de desarrolladores para AppFlow, que es una plataforma móvil CICD construida por Ionic.

Entonces, probablemente estén más familiarizados con Ionic o Capacitor que con AppFlow. Pero pueden aprender más sobre implementaciones móviles, construcción móvil, siguiéndome en Twitter o GitHub en Cecilia Creates. O no duden en contactarme en LinkedIn también en solo LinkedIn.com slash in slash my name.

Entonces, cuando hablamos de cross-platform, lo que estamos hablando específicamente son aplicaciones que construyes con una base de código, pero que implementas en cualquier lugar. Entonces, iOS, Android y también la web. Entonces, hay muchos frameworks que puedes usar para hacer esto. Si estás pensando en el tipo de ecosistema web y frameworks basados en la web, los que van a venir a la mente son React Native y luego Ionic emparejado con Capacitor. Pero también puedes usar herramientas como Flutter, que se basa en Dart, .NET MAUI o Kotlin Multiplatform. Pero la idea es que construyas una vez para implementar en cualquier lugar. Y esto no solo te da un proceso de desarrollo más rápido, sino una experiencia de desarrollador y user experience más consistente en todas las plataformas.

2. Desafíos de las pruebas móviles multiplataforma

Short description:

El desarrollo multiplataforma elimina el problema de equipos separados trabajando en aplicaciones iOS y Android individualmente. Sin embargo, viene con sus propios desafíos. Los procesos de implementación para web, iOS y Android son diferentes, y las pruebas de compilaciones nativas en dispositivos reales requieren experiencia específica de la plataforma. Las pruebas son cruciales para las aplicaciones móviles ya que las implementaciones son de alto riesgo y los usuarios son exigentes. Por lo tanto, es necesario realizar pruebas exhaustivas para garantizar una experiencia de usuario positiva.

A menudo has visto algo donde, sabes, la versión iOS de la aplicación tiene una función que aún no está disponible en Android, o tal vez hay, sabes, ciertas aplicaciones que solo están en iOS. Y eso es porque normalmente puedes ver equipos separados trabajando en esas aplicaciones individualmente. Con cross-platform, borras ese tipo de problema. Pero cross-platform no está sin sus propios desafíos. Entonces, mientras los procesos de desarrollo son los mismos, los procesos de implementación no lo son. Tienes procesos de construcción, testing, e implementación muy, muy diferentes en la web, iOS y Android. Esto crea desafíos realmente específicos cuando se trata de testing estas aplicaciones, especialmente cuando estás testing las compilaciones nativas reales en dispositivos reales. Tienes casos de prueba específicos de la plataforma que también debes considerar. Entonces, incluso si escribes el código de la misma manera, interactuará con el dispositivo de manera diferente, y tienes que considerar eso. Y eso requiere cierta experiencia en cada plataforma. Entonces, si eres un desarrollador web y estás construyendo cross-platform por primera vez, y es la primera vez que estás lidiando con aplicaciones móviles, tienes que aprender los matices entre Android e iOS para poder probar eficazmente esas aplicaciones. Y testing es realmente importante para las aplicaciones móviles. Las implementaciones son de alto riesgo. Toman mucho más tiempo. Tienes que pasar por las tiendas de aplicaciones y lidiar con ese proceso de aprobación. Por lo tanto, las aplicaciones deben estar muy bien probadas antes de que se instalen en el dispositivo de un usuario. Los usuarios también son muy exigentes con sus aplicaciones móviles. Se encuentran con un error y desinstalan, o nunca lo usan de nuevo. Por lo tanto, es importante que puedas probar estas aplicaciones adecuadamente.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

Limitless App Development with Expo and React Native
React Advanced Conference 2021React Advanced Conference 2021
27 min
Limitless App Development with Expo and React Native
App development is hard, React and Expo make it easy!It's never been simpler to build and deploy powerful mobile apps with incredible features to both Android and iOS users all over the world.We’ll discuss building and deploying mobile apps seamlessly from the cloud using EAS, creating powerful dev clients (like browsers but for mobile app development) for testing your app, pushing OTA updates instantly to users, and much more — no native experience required!
How to Share Code between React Web App and React Native Mobile App in Monorepo
React Summit 2022React Summit 2022
7 min
How to Share Code between React Web App and React Native Mobile App in Monorepo
Usually creating web and mobile apps require different tech stacks, and it is pretty hard to share code. This talk will show how I added a React web app and a React Native mobile app in the same monorepo using Nx, and how I optimized codeshare between react web app and react native mobile app.
Building a Mobile App with Expo, EAS, and React Native
React Summit Remote Edition 2021React Summit Remote Edition 2021
35 min
Building a Mobile App with Expo, EAS, and React Native
It has never been easier for React developers to build native iOS and Android apps. In this talk, we'll see how quickly you can ship your app with Expo open source tools, Expo Application Services (EAS), and React Native. We'll also discuss some of the recent improvements we've made and what's coming up next.
React Native Architecture at Product Hunt
React Summit Remote Edition 2021React Summit Remote Edition 2021
18 min
React Native Architecture at Product Hunt
I'm going to showcase the React Native architecture we use in our new mobile app at Product Hunt. What we learned, among the way. How we moved what we know from web to mobile. Topics will be designing reusable React components, GraphQL, routing in the app, application lifecycle, keyboard controls, toast messages, and others.
The New Architecture Is Here… What Now?
React Advanced Conference 2022React Advanced Conference 2022
22 min
The New Architecture Is Here… What Now?
The React Native new architecture has been "coming next year!" since 2019 - but, this time, it’s actually here! So… what now? What do we actually need to do, to benefit from this all new shiny tech? In this talk, I want to provide some insights and in-depth analysis of the current state of the migration path to the new architecture, to help you and your team evaluate and estimate when and how and how long it will take you to get to the next level!
Mobile Deployments for Web Developers
JSNation 2023JSNation 2023
23 min
Mobile Deployments for Web Developers
It's easier than ever to use JavaScript to build native mobile applications. But for web developers building in the mobile ecosystem for the first time, deploying cross-platform apps built with tools like Capacitor or React Native can be complex. Learn about the mobile-specific deployment considerations through the lens of a web developer, including the key differences between mobile and web, how to develop a deployment strategy, and how to evaluate tooling options.

Workshops on related topic

Bringing Your Web App to Native With Capacitor
JSNation 2023JSNation 2023
111 min
Bringing Your Web App to Native With Capacitor
WorkshopFree
Mike Hartington
Mike Hartington
So, you have a killer web app you've built and want to take it from your web browser to the App Store. Sure, there are a lot of options here, but most will require you to maintain separate apps for each platform. You want your codebase to be as close as possible across Web, Android, and iOS. Thankfully, with Capacitor, you can take your existing web app and quickly create native iOS and Android apps for distribution on your favorite App Store!
Contents: This workshop is aimed at beginner developers that have an existing web application, or are interested in mobile development. We will go over:- What is Capacitor- How does it compare to other cross-platform solutions- Using Capacitor to build a native application using your existing web code- Tidying up our application for distribution on mobile app stores with naming conventions, icons, splash screens and more
Hands-On With SwiftUI, GraphQL, & Neo4j AuraDB
GraphQL Galaxy 2022GraphQL Galaxy 2022
156 min
Hands-On With SwiftUI, GraphQL, & Neo4j AuraDB
WorkshopFree
William Lyon
William Lyon
Bring the power of graphs to iOS mobile app development in this hands-on workshop. We will explore how to use the Neo4j GraphQL Library to build GraphQL APIs backed by Neo4j AuraDB and how to integrate GraphQL into an iOS app using SwiftUI and the Apollo iOS GraphQL library as we build a news reader mobile app.
Table of contents:- Intro to Neo4j AuraDB- Building GraphQL APIs with the Neo4j GraphQL Library- Intro to SwiftUI- SwiftUI + GraphQL
PrerequisitesTo follow along during the workshop attendees will need a Mac laptop with a recent version of Xcode installed. Some familiarity with Swift and iOS app development will be helpful, although not required.
Bringing your React Web App to native with Capacitor
React Summit 2022React Summit 2022
92 min
Bringing your React Web App to native with Capacitor
WorkshopFree
Mike Hartington
Mike Hartington
So, you have a killer React app you've built and want to take it from your web browser to the App Store. Sure, there are a lot of options here, but most will require you to maintain separate apps for each platform. You want your codebase to be as close as possible across Web, Android, and iOS. Thankfully, with Capacitor, you can take your existing web app and quickly create native iOS and Android apps for distribution on your favorite App Store!
This workshop is aimed at intermediate developers that have an existing React application, or are interested in mobile development with React. We will go over:
What is CapacitorHow does it compare to other cross-platform solutionsUsing Capacitor to build a native application using your existing web codeTidying up our application for distribution on mobile app stores with naming conventions, icons, splashscreens and more.