Создавайте успешные приложения React Native с Raygun

React Native Изучение

React Native прошел долгий путь от внутреннего прототипа в Facebook до того места, где он находится сейчас. Кросс-платформенный фреймворк теперь является популярным инструментом для компаний для разработки мобильных приложений с рендерингом для iOS и Android.

Благодаря сокращению времени разработки с горячей перезагрузкой и ориентации на производительность во время выполнения с помощью встроенных представлений, React Native завоевал признание крупных компаний, таких как Shopify и Tesla. Веб-разработчики совершили скачок с браузера на мобильные устройства, принеся с собой все свои инструменты и опыт, и это неизменно самая популярная кроссплатформенная среда.

Raygun здесь, чтобы поддерживать долгосрочный успех ваших приложений React Native с помощью продуктов для мониторинга ошибок и производительности, которые дают вам представление о проблемах, влияющих на ваших конечных пользователей.

Давайте узнаем немного больше о том, как Raygun может помочь вам контролировать ваши приложения React Native.

Мониторинг React Native с помощью отчетов о сбоях

Мониторинг ошибок и отчеты о сбоях Raygun обеспечивает автоматическое отслеживание ошибок, что дает вам видимость и диагностику ошибок и ошибок, влияющих на ваших конечных пользователей.

Сообщение о фатальных ошибках

React Native SDK от Raygun будет автоматически сообщать обо всех неперехваченных ошибках в вашем приложении. Эти ошибки могут фактически привести к неожиданному закрытию вашего приложения. Если это произойдет, эти отчеты будут помечены тегом «Неустранимая ошибка», что позволит вам быстро определить приоритет этих ошибок для дальнейшего расследования.

Необработанные отклонения обещаний

Одна из самых распространенных ошибок современных разработчиков JavaScript — это необработанный отказ от обещания. Эти типы ошибок возникают, когда асинхронный метод не выполняется успешно и не обрабатывает возникшую ошибку. React Native SDK от Raygun автоматически сообщит вам об этих ошибках!

Читайте также:  Как найти и исправить распространенные проблемы с доступностью веб-сайта

Монитор React Native с мониторингом реального пользователя

Мониторинг реального пользователя (RUM) Raygun обеспечивает полную видимость взаимодействия конечных пользователей с вашим приложением.

Мониторинг пользовательского трафика

Понимание пользовательского трафика вашего приложения дает вам ключевую информацию об использовании вашего приложения. Raygun показывает тенденции новых и вернувшихся пользователей, а также количество активных пользователей за день (DAU) и активных пользователей за месяц (MAU). Тенденции и статистика показывают, приносит ли ваше приложение пользу вашим клиентам и как оно растет.

Производительность вашего приложения

Скорость отклика вашего приложения жизненно важна для обеспечения отличного опыта. Raygun может помочь вам определить неэффективные сетевые запросы и собственные представления. Медленное отображение приложения может быть разницей между тем, чтобы клиент остался или ушел в приложение конкурента.

Сбой сеансов

Клиенты, у которых произошел хотя бы один сбой в критический момент, могут заставить их немедленно покинуть приложение. Очень важно определить точный сценарий, который вызвал эти фатальные сбои, и сразу исправить их!

Когда оба продукта Raygun Error Monitoring и RUM включены, у вас будет возможность точно определить ошибку, из-за которой клиент ушел, и шаги, которые он предпринял до этого момента. Быстрое устранение этих ошибок имеет решающее значение для обеспечения успеха вашего приложения на рынке мобильных устройств.

Как начать работу с Raygun и React Native

Прежде всего, вам понадобится учетная запись Raygun. Если вы еще не являетесь клиентом Raygun, создайте учетную запись и начните бесплатную 14-дневную пробную версию.

Во-вторых, установите соответствующие пакеты с помощью выбранного стороннего поставщика пакетов и введите следующие фрагменты в командную строку.

Используя npm:

npm install raygun4reactnative
npm install react react-native @react-native-async-storage/async-storage

Использование пряжи:

yarn add raygun4reactnative
yarn add react react-native @react-native-async-storage/async-storage

Затем выполните дополнительные действия, необходимые для каждой платформы.

Для iOS запустите следующее в Терминале из каталога вашего проекта:

npx pod-install ios

Для Android убедитесь, что вы изменили файл android / app / src / main / AndroidManifest.xml приложения, включив в элемент приложения следующее:

<service android:name="com.raygun.raygun4android.services.CrashReportingPostService"
 android:exported="false"
 android:permission="android.permission.BIND_JOB_SERVICE"
 android:process=":crashreportingpostservice"/>

<service android:name="com.raygun.raygun4android.services.RUMPostService"
 android:exported="false"
 android:permission="android.permission.BIND_JOB_SERVICE"
 android:process=":rumpostservice" />

 

Последний шаг: импортируйте пакет в свой проект и инициализируйте RaygunClient с помощью ключа API, отображаемого при создании приложения Raygun (или его можно просмотреть в настройках приложения).

import RaygunClient from 'raygun4reactnative';

const options: RaygunClientOptions = {
  apiKey: '_YOUR_API_KEY_',
  enableCrashReporting: true,
  enableRealUserMonitoring: true
}

RaygunClient.init(options);

Вот и все!

SDK немедленно начнет сообщать данные, поэтому войдите в приложение Raygun и начните отслеживать свои приложения React Native.

Оцените статью
bestprogrammer.ru
Добавить комментарий