Рубрики
Flutter

10 пунктов, которые должен знать разработчик на Flutter

  1. Dart: Язык программирования Dart является основой для разработки на Flutter. Хороший разработчик на Flutter должен знать основные концепции Dart, такие как типы данных, функции, классы, наследование, миксины, асинхронное программирование, потоки и исключения.
  2. Widget: Flutter является библиотекой для создания пользовательского интерфейса, и все визуальные элементы в Flutter являются виджетами (Widgets). Хороший разработчик должен знать основные типы виджетов и как их использовать, а также уметь создавать свои собственные виджеты.
  3. State Management: Управление состоянием является одним из наиболее сложных аспектов разработки приложений на Flutter. Хороший разработчик должен знать различные подходы к управлению состоянием, такие как setState(), BLoC, Provider, MobX, Redux, Riverpod и GetX.
  4. Архитектура: Хороший разработчик должен иметь хорошие знания общей архитектуры приложения, которую он создает. В Flutter существует много архитектурных паттернов, таких как MVP, MVVM, Clean Architecture, и разработчик должен уметь выбрать наиболее подходящую для конкретной задачи.
  5. Верстка: Хороший разработчик должен иметь хорошие навыки верстки пользовательского интерфейса с помощью Flutter. Это включает в себя знание различных виджетов, макетов, анимаций, градиентов, теней, текстур и пр.
  6. Animations: Flutter предоставляет широкий спектр инструментов для создания анимации. Хороший разработчик должен знать, как создавать анимации с помощью Tween, AnimatedBuilder, AnimatedContainer, Hero, Flare и других инструментов.
  7. Networking: Большинство приложений взаимодействуют с сервером, поэтому хороший разработчик должен знать, как работать с сетью. Flutter предоставляет инструменты для работы с HTTP-запросами, WebSockets, GraphQL и другими протоколами.
  8. Storage: Хороший разработчик должен знать, как хранить данные на устройстве. Flutter предоставляет инструменты для работы с файловой системой
Рубрики
Flutter

ProxyProvider во Flutter

ProxyProvider — это виджет-провайдер из пакета Flutter provider, который позволяет создавать и обновлять объекты и данные, которые используются в приложении.

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

Например, если у вас есть провайдер, который предоставляет информацию о пользователе, и вы хотите создать провайдер, который предоставляет список задач пользователя на основе этой информации, вы можете использовать ProxyProvider, чтобы получить доступ к данным пользователя и создать список задач на основе этих данных.

Другой пример использования ProxyProvider — это кэширование данных. Вы можете создать провайдер, который получает данные из удаленного источника и кэширует их. Затем вы можете использовать ProxyProvider для создания других провайдеров, которые будут использовать кэшированные данные, вместо того, чтобы получать их снова из удаленного источника.

В целом, ProxyProvider предназначен для упрощения управления состоянием приложения и создания более эффективного и гибкого кода.

ProxyProvider пример работы

Конкретный пример использования ProxyProvider в Flutter может выглядеть так:

Предположим, у нас есть провайдер UserProvider, который предоставляет информацию о текущем пользователе, и мы хотим создать провайдер TaskProvider, который предоставляет список задач пользователя.

Мы можем использовать ProxyProvider, чтобы создать TaskProvider на основе UserProvider. Ниже приведен пример кода:

class UserProvider extends ChangeNotifier {
  String _username = 'John Doe';
  List<String> _tasks = ['Task 1', 'Task 2', 'Task 3'];

  String get username => _username;
  List<String> get tasks => _tasks;

  void addTask(String task) {
    _tasks.add(task);
    notifyListeners();
  }
}

class TaskProvider extends ChangeNotifier {
  List<String> _tasks;

  List<String> get tasks => _tasks;

  void updateTasks(List<String> newTasks) {
    _tasks = newTasks;
    notifyListeners();
  }
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MultiProvider(
      providers: [
        ChangeNotifierProvider(create: (_) => UserProvider()),
        ProxyProvider<UserProvider, TaskProvider>(
          create: (_) => TaskProvider(),
          update: (_, userProvider, taskProvider) {
            taskProvider.updateTasks(userProvider.tasks);
            return taskProvider;
          },
        ),
      ],
      child: MaterialApp(
        title: 'My App',
        home: MyHomePage(),
      ),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Consumer<TaskProvider>(
      builder: (context, taskProvider, _) {
        return ListView.builder(
          itemCount: taskProvider.tasks.length,
          itemBuilder: (context, index) {
            return ListTile(
              title: Text(taskProvider.tasks[index]),
            );
          },
        );
      },
    );
  }
}

При запуске приложения, Flutter создаст экземпляр UserProvider и TaskProvider и передаст их в MultiProvider. Затем Flutter создаст виджеты, которые используют эти провайдеры и вставит их в дерево виджетов приложения.

В MyHomePage мы используем Consumer<TaskProvider>, чтобы получить доступ к TaskProvider. Внутри Consumer, мы создаем виджет ListView.builder, который отображает список задач пользователя. Когда UserProvider обновляет список задач, он автоматически вызывает метод notifyListeners(), который уведомляет ProxyProvider, что нужно обновить TaskProvider. ProxyProvider вызывает функцию update, которая обновляет список задач в TaskProvider, и затем уведомляет все слушатели TaskProvider, что данные были обновлены.

В итоге, мы можем использовать ProxyProvider для создания и обновления объектов и данных, которые используются в приложении. Это позволяет нам управлять состоянием приложения более эффективно и гибко.

Рубрики
Flutter

Логи в Dart

Существует несколько основных правил логирования кода мобильного приложения:

  • Определите цель и формат логирования: перед началом разработки приложения определите, какие данные необходимо логировать, какой формат логов использовать и какие уровни логирования использовать.
  • Используйте уровни логирования: уровни логирования помогают отделить критические сообщения от информационных. Например, можно использовать уровни Fatal, Error, Warning, Info, Debug, Trace.
  • Используйте правильные сообщения логирования: сообщения логирования должны быть понятными и содержать информацию о происходящем событии. Например, сообщение может содержать информацию об ошибке, идентификатор устройства, дату и время, когда произошла ошибка.
  • Логируйте все события: не ограничивайтесь логированием только ошибок. Логируйте все события, которые могут помочь вам отслеживать работу приложения и выявлять проблемы.
  • Логируйте в циклах жизни приложения: логируйте события, происходящие в разных циклах жизни приложения, таких как onCreate, onResume, onPause и т.д. Это поможет вам понять, как работает приложение и какие проблемы могут возникнуть.
  • Ограничьте количество логов: логирование может занимать много места в памяти, поэтому ограничьте количество логов. Например, можно ограничить количество логов, которые сохраняются на устройстве.
  • Обрабатывайте ошибки логирования: не забывайте обрабатывать ошибки, связанные с логированием. Например, если не удалось сохранить логи, необходимо сообщить об этом пользователю и попробовать сохранить логи позже.
  • Тестируйте логирование: перед выпуском приложения тщательно протестируйте логирование, чтобы убедиться, что оно работает корректно и не занимает слишком много места в памяти.
  • Следите за конфиденциальностью данных: убедитесь, что логи не содержат конфиденциальных данных пользователей, таких как пароли, логины или номера кредитных карт.

Пакеты для ведения логов

Существует множество пакетов логирования для Dart, ниже я перечислю несколько из них:

  1. logger — это простой и легковесный пакет логирования, который позволяет выводить логи с разными уровнями. В logger есть поддержка форматирования логов, а также возможность отправки логов на различные источники, такие как файлы или серверы.
  2. logging — это официальный пакет логирования Dart, который позволяет выводить логи с разными уровнями и категориями. logging предоставляет широкие возможности для настройки логирования, такие как форматирование логов, фильтрация по уровню и категории и отправка логов на различные источники.
  3. flutter_logger — это пакет логирования, который специально разработан для использования с фреймворком Flutter. Он предоставляет удобный API для вывода логов с различными уровнями, а также поддерживает настройку логирования в зависимости от текущего режима приложения (например, разработка или релиз).
  4. log4dart — это пакет логирования, основанный на Apache Log4j, который предоставляет мощные возможности для настройки логирования, такие как настраиваемые уровни логирования, категории и аппендеры (используемые для вывода логов на различные источники).
  5. pretty_logging — это пакет логирования, который предоставляет удобный API для вывода красивых и читаемых логов. Он предоставляет возможности для настройки формата логов, фильтрации по уровню и категории и отправки логов на различные источники.
  6. simple_logger — это еще один простой и легковесный пакет логирования, который позволяет выводить логи с разными уровнями. Он предоставляет настраиваемый формат вывода логов, фильтрацию по уровню и отправку логов на различные источники.
  7. stack_trace — это пакет, который предоставляет удобный API для создания и обработки стека вызовов. Он может быть полезен при отладке приложений, так как позволяет выводить информацию о том, как происходит вызов функций в коде.

Каждый из этих пакетов имеет свои преимущества и недостатки, поэтому при выборе пакета логирования для Dart следует оценить свои потребности и выбрать наиболее подходящий пакет. Например, если вам нужно простое и легковесное решение, то можете использовать logger или simple_logger. Если же вам нужны более мощные возможности, то можете обратить внимание на log4dart или logging. Если вы разрабатываете приложение на Flutter, то flutter_logger может быть хорошим выбором.

Кроме того, при выборе пакета логирования для Dart следует обратить внимание на то, какие источники вывода логов поддерживаются, такие как файлы, консоль или удаленный сервер, а также на возможности настройки формата вывода логов.

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

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

Рубрики
Flutter

Кратко об авторизации и сессиях supabase

В данном документе мы рассмотрим, как работать с авторизацией и сессиями в supabase в приложении Flutter.

Авторизация в Supabase

Для авторизации в Supabase мы будем использовать пакет supabase_flutter. В нем уже реализованы все необходимые методы для работы с авторизацией и сессиями.

import 'package:supabase_flutter/supabase_flutter.dart';

final supabaseClient = Supabase.instance.client;

// Регистрация
final response = await supabaseClient.auth.signUp(email, password);

// Вход
final response = await supabaseClient.auth.signIn(email, password);

// Выход
final response = await supabaseClient.auth.signOut();

Работа с сессиями в Supabase

Сессия — это временный токен, который создается при успешной авторизации пользователя. Он используется для подтверждения логина пользователя на сервере и дает доступ к защищенным маршрутам API.

Для чего нужны сессии?

  1. Авторизация пользователя. Сессии используются для подтверждения логина пользователя на сервере. Без них невозможно обеспечить безопасность пользовательских данных и защитить приложение от несанкционированного доступа.
  2. Доступ к защищенным маршрутам API. Сессии также используются для ограничения доступа к защищенным маршрутам API только для залогиненных пользователей. Это позволяет предотвратить доступ к конфиденциальной информации, например, к личным данным других пользователей.
  3. Многопользовательская функциональность. Сессии могут быть полезны для реализации многопользовательской функциональности, например, для ограничения доступа к определенным разделам приложения только для залогиненных пользователей.

Что будет без сессий?

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

Заключение

Теперь вы знаете, что такое сессии и для чего они нужны в Supabase в приложении Flutter. С помощью пакета supabase_flutter вы можете легко и быстро реализовать необходимый функционал в своем приложении.

Рубрики
Flutter

Использование JWT токенов во Flutter

JWT (JSON Web Token) — это открытый стандарт для безопасного обмена данными между двумя сторонами. Он состоит из трех частей: заголовка, полезной нагрузки и подписи.

Flutter — это фреймворк для мобильных приложений, который используется для создания кроссплатформенных приложений для iOS и Android.

Шаг 1: Генерация JWT токена

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

Пример кода на сервере:

import 'package:jwt/json_web_token.dart';

String generateToken() {
  final claimSet = JwtClaim(
    issuer: 'example.com',
    subject: 'userid',
    audience: <String>['example.com'],
    jwtId: 'id',
    otherClaims: <String, dynamic>{
      'typ': 'authnresponse',
      'pld': {'k': 'v'}
    },
  );
  return issueJwtHS256(claimSet, 'secretKey');
}

Шаг 2: Сохранение JWT токена

После генерации токена, его необходимо сохранить на клиентской стороне. В Flutter для сохранения токена можно использовать пакет flutter_secure_storage, который позволяет сохранять данные безопасно на устройстве.

Пример кода на клиенте:

import 'package:flutter_secure_storage/flutter_secure_storage.dart';

final storage = FlutterSecureStorage();

Future<void> saveToken(String token) async {
  await storage.write(key: 'jwt_token', value: token);
}

Шаг 3: Отправка JWT токена на сервер

Для отправки токена на сервер необходимо использовать HTTP-запросы. В Flutter для этого можно использовать пакет http, который позволяет отправлять GET, POST, PUT, DELETE запросы. В запросе необходимо передать токен в заголовке Authorization.

Пример кода на клиенте:

import 'package:http/http.dart' as http;

Future<void> sendToken(String token) async {
  final url = Uri.parse('<https://example.com/api>');
  final response = await http.post(url, headers: {'Authorization': 'Bearer $token'});
  print(response.body);
}

Шаг 4: Восстановление сессии

После отправки токена на сервер, сервер должен его проверить и установить сессию для пользователя. Если токен действителен, то сервер может использовать информацию, содержащуюся в нем, для авторизации пользователя и восстановления сессии.

Пример кода на сервере:

import 'package:jwt/json_web_token.dart';

void validateToken(String token) {
  final parts = token.split('.');
  final jwt = JsonWebToken.unverified(parts[0], parts[1], parts[2]);
  final claims = jwt.claims;
  // Validate claims
}

Шаг 5: Обработка ошибок

При использовании JWT токенов необходимо обрабатывать ошибки, связанные с их истечением. Если токен истек, то необходимо запросить новый токен и повторить запрос на сервер.

Пример кода на клиенте:

import 'package:flutter_secure_storage/flutter_secure_storage.dart';

final storage = FlutterSecureStorage();

Future<String> getToken() async {
  final token = await storage.read(key: 'jwt_token');
  if (token == null) {
    throw Exception('Token not found');
  }
  // Check if token is expired
  return token;
}

Заключение

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