Шаблоны Flutter
Создание приложения социальной сети с использованием Flutter и Back4App

54min
Введение
Создание приложения для социальной сети может быть сложной задачей, но с помощью Flutter и Back4App вы можете упростить процесс разработки. Этот учебник проведет вас через создание полнофункционального приложения для социальной сети, которое включает аутентификацию пользователей, управление профилями, новостные ленты, связи с друзьями, обмен сообщениями и уведомления.
К концу этого учебника у вас будет функциональное приложение для социальной сети со следующими функциями:
Аутентификация пользователей: Безопасные процессы регистрации и входа.
Профили пользователей: Редактируемые профили с информацией о пользователе.
Новостные ленты: Отображение постов от друзей и пользователя.
Связи с друзьями: Возможность отправлять и принимать запросы на добавление в друзья.
Обмен сообщениями: Чат в реальном времени между пользователями.
Уведомления: Уведомления push для запросов на добавление в друзья, сообщений и взаимодействий с постами.
Предварительные требования
Чтобы следовать этому руководству, вам потребуется:
Flutter SDK установленный на вашем компьютере. Следуйте официальному руководству по установке Flutter для вашей операционной системы.
Базовые знания Flutter и Dart. Если вы новичок в Flutter, ознакомьтесь с документацией Flutter чтобы ознакомиться с основами.
IDE или текстовый редактор такой как Visual Studio Code или Android Studio.
Аккаунт Back4App. Зарегистрируйтесь для получения бесплатного аккаунта на Back4App.
Parse Server SDK для Flutter добавленный в ваш проект. Узнайте, как его настроить, следуя Руководству по SDK Flutter от Back4App.
Шаг 1 – Настройка проекта Flutter
1.1. Создание нового проекта Flutter
Откройте терминал и выполните:
Bash
flutter create social_app
flutter create social_app
﻿
Перейдите в каталог проекта:
Bash
cd social_app
cd social_app
﻿
1.2. Добавить зависимости
Откройте pubspec.yaml и добавьте следующие зависимости:
YAML
dependencies:
  flutter:
    sdk: flutter
  parse_server_sdk_flutter: ^4.0.1
  provider: ^6.0.0
  image_picker: ^0.8.4+6
  cached_network_image: ^3.2.0
  firebase_messaging: ^11.2.8
  uuid: ^3.0.6
dependencies:
  flutter:
    sdk: flutter
  parse_server_sdk_flutter: ^4.0.1
  provider: ^6.0.0
  image_picker: ^0.8.4+6
  cached_network_image: ^3.2.0
  firebase_messaging: ^11.2.8
  uuid: ^3.0.6
﻿
Запустите flutter pub get для установки пакетов.
Примечание: Мы используем:
parse_server_sdk_flutter для интеграции с Back4App.
provider для управления состоянием.
image_picker для выбора изображений профиля и постов.
cached_network_image для эффективной загрузки изображений.
firebase_messaging для push-уведомлений.
uuid для генерации уникальных идентификаторов.
Шаг 2 – Настройка Back4App
2.1. Создать новое приложение Back4App
Войдите в ваш панель управления Back4App.
Нажмите на "Создать новое приложение".
Введите имя для вашего приложения, например, "SocialApp", и нажмите "Создать".
2.2. Настройка моделей данных
Нам нужно создать несколько классов в Back4App:
Пользователь: Встроенный класс для аутентификации пользователей.
Профиль: Хранит информацию о профиле пользователя.
Пост: Хранит посты пользователей.
ЗапросДруга: Управляет запросами на дружбу между пользователями.
Сообщение: Хранит сообщения между пользователями.
2.2.1. Класс профиля
Перейдите в раздел "База данных".
Нажмите на "Создать класс".
В модальном окне:
Выберите "Пользовательский".
Введите "Профиль" в качестве имени класса.
Нажмите "Создать класс".
Добавьте следующие столбцы:
пользователь: Тип Pointer<_User>
имя пользователя: Тип String
полное имя: Тип String
биография: Тип String
фото профиля: Тип File
2.2.2. Класс поста
Создайте "Post" класс со следующими колонками:
пользователь: Тип Pointer<_User>
содержимое: Тип String
изображение: Тип File
создано: Тип Date
2.2.3. Класс FriendRequest
Создайте "FriendRequest" класс со следующими колонками:
от пользователя: Тип Pointer<_User>
к пользователю: Тип Pointer<_User>
статус: Тип String (Значения: "ожидание", "принято", "отклонено")
2.2.4. Класс Message
Создайте "Message" класс со следующими колонками:
от пользователя: Тип Pointer<_User>
к пользователю: Тип Pointer<_User>
содержимое: Тип String
создано: Тип Date
2.3. Получить учетные данные приложения
Перейдите в Настройки приложения > Безопасность и ключи.
Запишите ваш ID приложения и Ключ клиента.
Шаг 3 – Инициализация Parse в вашем приложении Flutter
Откройте lib/main.dart и измените его следующим образом:
Dart
import 'package:flutter/material.dart';
import 'package:parse_server_sdk_flutter/parse_server_sdk.dart';
import 'package:provider/provider.dart';
import 'services/auth_service.dart';
import 'screens/login_screen.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();

  const keyApplicationId = 'YOUR_APPLICATION_ID';
  const keyClientKey = 'YOUR_CLIENT_KEY';
  const keyParseServerUrl = 'https://parseapi.back4app.com';

  await Parse().initialize(
    keyApplicationId,
    keyParseServerUrl,
    clientKey: keyClientKey,
    autoSendSessionId: true,
    debug: true,
  );

  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ChangeNotifierProvider<AuthService>(
      create: (_) => AuthService(),
      child: MaterialApp(
        title: 'Social App',
        theme: ThemeData(
          primarySwatch: Colors.blue,
        ),
        home: LoginScreen(),
      ),
    );
  }
}
import 'package:flutter/material.dart';
import 'package:parse_server_sdk_flutter/parse_server_sdk.dart';
import 'package:provider/provider.dart';
import 'services/auth_service.dart';
import 'screens/login_screen.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();

  const keyApplicationId = 'YOUR_APPLICATION_ID';
  const keyClientKey = 'YOUR_CLIENT_KEY';
  const keyParseServerUrl = 'https://parseapi.back4app.com';

  await Parse().initialize(
    keyApplicationId,
    keyParseServerUrl,
    clientKey: keyClientKey,
    autoSendSessionId: true,
    debug: true,
  );

  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ChangeNotifierProvider<AuthService>(
      create: (_) => AuthService(),
      child: MaterialApp(
        title: 'Social App',
        theme: ThemeData(
          primarySwatch: Colors.blue,
        ),
        home: LoginScreen(),
      ),
    );
  }
}
﻿
Замените 'YOUR_APPLICATION_ID' и 'YOUR_CLIENT_KEY' на ваши учетные данные Back4App.
Мы используем ChangeNotifierProvider для управления состоянием аутентификации.
Шаг 4 – Реализация аутентификации пользователей
4.1. Создайте сервис аутентификации
Создайте новый каталог с именем services в lib и добавьте файл с именем auth_service.dart:
Dart
// lib/services/auth_service.dart
import 'package:flutter/material.dart';
import 'package:parse_server_sdk_flutter/parse_server_sdk.dart';

class AuthService with ChangeNotifier {
  ParseUser? user;

  Future<bool> signUp(String username, String password, String email) async {
    user = ParseUser.createUser(username, password, email);

    final response = await user!.signUp();

    if (response.success) {
      notifyListeners();
      return true;
    } else {
      user = null;
      return false;
    }
  }

  Future<bool> login(String username, String password) async {
    user = ParseUser(username, password, null);

    final response = await user!.login();

    if (response.success) {
      notifyListeners();
      return true;
    } else {
      user = null;
      return false;
    }
  }

  Future<void> logout() async {
    if (user != null) {
      await user!.logout();
      user = null;
      notifyListeners();
    }
  }

  bool get isAuthenticated => user != null;
}
// lib/services/auth_service.dart
import 'package:flutter/material.dart';
import 'package:parse_server_sdk_flutter/parse_server_sdk.dart';

class AuthService with ChangeNotifier {
  ParseUser? user;

  Future<bool> signUp(String username, String password, String email) async {
    user = ParseUser.createUser(username, password, email);

    final response = await user!.signUp();

    if (response.success) {
      notifyListeners();
      return true;
    } else {
      user = null;
      return false;
    }
  }

  Future<bool> login(String username, String password) async {
    user = ParseUser(username, password, null);

    final response = await user!.login();

    if (response.success) {
      notifyListeners();
      return true;
    } else {
      user = null;
      return false;
    }
  }

  Future<void> logout() async {
    if (user != null) {
      await user!.logout();
      user = null;
      notifyListeners();
    }
  }

  bool get isAuthenticated => user != null;
}
﻿
4.2. Создайте экраны входа и регистрации
Создайте каталог с именем screens в lib и добавьте login_screen.dart и signup_screen.dart.
4.2.1. Экран входа
Dart
// lib/screens/login_screen.dart
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../services/auth_service.dart';
import 'signup_screen.dart';
import 'home_screen.dart';

class LoginScreen extends StatefulWidget {
  @override
  _LoginScreenState createState() => _LoginScreenState();
}

class _LoginScreenState extends State<LoginScreen> {
  final TextEditingController _usernameController = TextEditingController();
  final TextEditingController _passwordController = TextEditingController();

  void _login() async {
    final authService = Provider.of<AuthService>(context, listen: false);
    bool success = await authService.login(
      _usernameController.text.trim(),
      _passwordController.text.trim(),
    );

    if (success) {
      Navigator.pushReplacement(
        context,
        MaterialPageRoute(builder: (context) => HomeScreen()),
      );
    } else {
      ScaffoldMessenger.of(context)
          .showSnackBar(SnackBar(content: Text('Login failed')));
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Social App Login'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16),
        child: Column(
          children: [
            TextField(
              controller: _usernameController,
              decoration: InputDecoration(labelText: 'Username'),
            ),
            TextField(
              controller: _passwordController,
              decoration: InputDecoration(labelText: 'Password'),
              obscureText: true,
            ),
            SizedBox(height: 20),
            ElevatedButton(onPressed: _login, child: Text('Login')),
            TextButton(
              onPressed: () {
                Navigator.push(
                  context,
                  MaterialPageRoute(builder: (_) => SignupScreen()),
                );
              },
              child: Text('Don\'t have an account? Sign up'),
            )
          ],
        ),
      ),
    );
  }
}
// lib/screens/login_screen.dart
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../services/auth_service.dart';
import 'signup_screen.dart';
import 'home_screen.dart';

class LoginScreen extends StatefulWidget {
  @override
  _LoginScreenState createState() => _LoginScreenState();
}

class _LoginScreenState extends State<LoginScreen> {
  final TextEditingController _usernameController = TextEditingController();
  final TextEditingController _passwordController = TextEditingController();

  void _login() async {
    final authService = Provider.of<AuthService>(context, listen: false);
    bool success = await authService.login(
      _usernameController.text.trim(),
      _passwordController.text.trim(),
    );

    if (success) {
      Navigator.pushReplacement(
        context,
        MaterialPageRoute(builder: (context) => HomeScreen()),
      );
    } else {
      ScaffoldMessenger.of(context)
          .showSnackBar(SnackBar(content: Text('Login failed')));
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Social App Login'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16),
        child: Column(
          children: [
            TextField(
              controller: _usernameController,
              decoration: InputDecoration(labelText: 'Username'),
            ),
            TextField(
              controller: _passwordController,
              decoration: InputDecoration(labelText: 'Password'),
              obscureText: true,
            ),
            SizedBox(height: 20),
            ElevatedButton(onPressed: _login, child: Text('Login')),
            TextButton(
              onPressed: () {
                Navigator.push(
                  context,
                  MaterialPageRoute(builder: (_) => SignupScreen()),
                );
              },
              child: Text('Don\'t have an account? Sign up'),
            )
          ],
        ),
      ),
    );
  }
}
﻿
4.2.2. Экран регистрации
Dart
// lib/screens/signup_screen.dart
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../services/auth_service.dart';
import 'home_screen.dart';

class SignupScreen extends StatefulWidget {
  @override
  _SignupScreenState createState() => _SignupScreenState();
}

class _SignupScreenState extends State<SignupScreen> {
  final TextEditingController _usernameController = TextEditingController();
  final TextEditingController _passwordController = TextEditingController();
  final TextEditingController _emailController = TextEditingController();

  void _signUp() async {
    final authService = Provider.of<AuthService>(context, listen: false);
    bool success = await authService.signUp(
      _usernameController.text.trim(),
      _passwordController.text.trim(),
      _emailController.text.trim(),
    );

    if (success) {
      Navigator.pushReplacement(
        context,
        MaterialPageRoute(builder: (context) => HomeScreen()),
      );
    } else {
      ScaffoldMessenger.of(context)
          .showSnackBar(SnackBar(content: Text('Signup failed')));
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Social App Signup'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16),
        child: Column(
          children: [
            TextField(
              controller: _usernameController,
              decoration: InputDecoration(labelText: 'Username'),
            ),
            TextField(
              controller: _emailController,
              decoration: InputDecoration(labelText: 'Email'),
            ),
            TextField(
              controller: _passwordController,
              decoration: InputDecoration(labelText: 'Password'),
              obscureText: true,
            ),
            SizedBox(height: 20),
            ElevatedButton(onPressed: _signUp, child: Text('Sign Up')),
          ],
        ),
      ),
    );
  }
}
// lib/screens/signup_screen.dart
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../services/auth_service.dart';
import 'home_screen.dart';

class SignupScreen extends StatefulWidget {
  @override
  _SignupScreenState createState() => _SignupScreenState();
}

class _SignupScreenState extends State<SignupScreen> {
  final TextEditingController _usernameController = TextEditingController();
  final TextEditingController _passwordController = TextEditingController();
  final TextEditingController _emailController = TextEditingController();

  void _signUp() async {
    final authService = Provider.of<AuthService>(context, listen: false);
    bool success = await authService.signUp(
      _usernameController.text.trim(),
      _passwordController.text.trim(),
      _emailController.text.trim(),
    );

    if (success) {
      Navigator.pushReplacement(
        context,
        MaterialPageRoute(builder: (context) => HomeScreen()),
      );
    } else {
      ScaffoldMessenger.of(context)
          .showSnackBar(SnackBar(content: Text('Signup failed')));
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Social App Signup'),
      ),
      body: Padding(
        padding: const EdgeInsets.all(16),
        child: Column(
          children: [
            TextField(
              controller: _usernameController,
              decoration: InputDecoration(labelText: 'Username'),
            ),
            TextField(
              controller: _emailController,
              decoration: InputDecoration(labelText: 'Email'),
            ),
            TextField(
              controller: _passwordController,
              decoration: InputDecoration(labelText: 'Password'),
              obscureText: true,
            ),
            SizedBox(height: 20),
            ElevatedButton(onPressed: _signUp, child: Text('Sign Up')),
          ],
        ),
      ),
    );
  }
}
﻿
Шаг 5 – Настройка профилей пользователей
5.1. Создать сервис профиля
Добавьте файл с именем profile_service.dart в lib/services/:
Dart
// lib/services/profile_service.dart
import 'package:parse_server_sdk_flutter/parse_server_sdk.dart';
import '../models/profile.dart';

class ProfileService {
  Future<void> createProfile(ParseUser user) async {
    final profile = ParseObject('Profile')
      ..set('user', user)
      ..set('username', user.username);

    await profile.save();
  }

  Future<Profile?> getProfile(ParseUser user) async {
    final query = QueryBuilder<ParseObject>(ParseObject('Profile'))
      ..whereEqualTo('user', user);

    final response = await query.query();

    if (response.success && response.results != null) {
      final profileObject = response.results!.first;
      return Profile.fromParseObject(profileObject);
    } else {
      return null;
    }
  }

  Future<void> updateProfile(Profile profile) async {
    final profileObject = ParseObject('Profile')
      ..objectId = profile.id
      ..set('fullName', profile.fullName)
      ..set('bio', profile.bio);

    await profileObject.save();
  }
}
// lib/services/profile_service.dart
import 'package:parse_server_sdk_flutter/parse_server_sdk.dart';
import '../models/profile.dart';

class ProfileService {
  Future<void> createProfile(ParseUser user) async {
    final profile = ParseObject('Profile')
      ..set('user', user)
      ..set('username', user.username);

    await profile.save();
  }

  Future<Profile?> getProfile(ParseUser user) async {
    final query = QueryBuilder<ParseObject>(ParseObject('Profile'))
      ..whereEqualTo('user', user);

    final response = await query.query();

    if (response.success && response.results != null) {
      final profileObject = response.results!.first;
      return Profile.fromParseObject(profileObject);
    } else {
      return null;
    }
  }

  Future<void> updateProfile(Profile profile) async {
    final profileObject = ParseObject('Profile')
      ..objectId = profile.id
      ..set('fullName', profile.fullName)
      ..set('bio', profile.bio);

    await profileObject.save();
  }
}
﻿
5.2. Создать модель профиля
Добавьте файл с именем profile.dart в lib/models/:
Dart
// lib/models/profile.dart
import 'package:parse_server_sdk_flutter/parse_server_sdk.dart';

class Profile {
  String id;
  String username;
  String? fullName;
  String? bio;
  ParseFileBase? profilePicture;

  Profile({
    required this.id,
    required this.username,
    this.fullName,
    this.bio,
    this.profilePicture,
  });

  factory Profile.fromParseObject(ParseObject object) {
    return Profile(
      id: object.objectId!,
      username: object.get<String>('username')!,
      fullName: object.get<String>('fullName'),
      bio: object.get<String>('bio'),
      profilePicture: object.get<ParseFileBase>('profilePicture'),
    );
  }
}
// lib/models/profile.dart
import 'package:parse_server_sdk_flutter/parse_server_sdk.dart';

class Profile {
  String id;
  String username;
  String? fullName;
  String? bio;
  ParseFileBase? profilePicture;

  Profile({
    required this.id,
    required this.username,
    this.fullName,
    this.bio,
    this.profilePicture,
  });

  factory Profile.fromParseObject(ParseObject object) {
    return Profile(
      id: object.objectId!,
      username: object.get<String>('username')!,
      fullName: object.get<String>('fullName'),
      bio: object.get<String>('bio'),
      profilePicture: object.get<ParseFileBase>('profilePicture'),
    );
  }
}
﻿
5.3. Создание экрана профиля
Добавьте файл с именем profile_screen.dart в lib/screens/:
Dart
// lib/screens/profile_screen.dart
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../services/auth_service.dart';
import '../services/profile_service.dart';
import '../models/profile.dart';

class ProfileScreen extends StatefulWidget {
  @override
  _ProfileScreenState createState() => _ProfileScreenState();
}

class _ProfileScreenState extends State<ProfileScreen> {
  final ProfileService _profileService = ProfileService();
  Profile? profile;
  final TextEditingController _fullNameController = TextEditingController();
  final TextEditingController _bioController = TextEditingController();

  void _loadProfile() async {
    final authService = Provider.of<AuthService>(context, listen: false);
    final user = authService.user!;
    Profile? fetchedProfile = await _profileService.getProfile(user);

    if (fetchedProfile == null) {
      await _profileService.createProfile(user);
      fetchedProfile = await _profileService.getProfile(user);
    }

    setState(() {
      profile = fetchedProfile;
      _fullNameController.text = profile?.fullName ?? '';
      _bioController.text = profile?.bio ?? '';
    });
  }

  void _saveProfile() async {
    if (profile != null) {
      profile!.fullName = _fullNameController.text.trim();
      profile!.bio = _bioController.text.trim();
      await _profileService.updateProfile(profile!);
      ScaffoldMessenger.of(context)
          .showSnackBar(SnackBar(content: Text('Profile updated')));
    }
  }

  @override
  void initState() {
    super.initState();
    _loadProfile();
  }

  @override
  Widget build(BuildContext context) {
    if (profile == null) {
      return Scaffold(
        appBar: AppBar(title: Text('Profile')),
        body: Center(child: CircularProgressIndicator()),
      );
    }

    return Scaffold(
      appBar: AppBar(title: Text(profile!.username)),
      body: Padding(
        padding: const EdgeInsets.all(16),
        child: Column(
          children: [
            // Add profile picture handling here
            TextField(
              controller: _fullNameController,
              decoration: InputDecoration(labelText: 'Full Name'),
            ),
            TextField(
              controller: _bioController,
              decoration: InputDecoration(labelText: 'Bio'),
            ),
            SizedBox(height: 20),
            ElevatedButton(onPressed: _saveProfile, child: Text('Save')),
          ],
        ),
      ),
    );
  }
}
// lib/screens/profile_screen.dart
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../services/auth_service.dart';
import '../services/profile_service.dart';
import '../models/profile.dart';

class ProfileScreen extends StatefulWidget {
  @override
  _ProfileScreenState createState() => _ProfileScreenState();
}

class _ProfileScreenState extends State<ProfileScreen> {
  final ProfileService _profileService = ProfileService();
  Profile? profile;
  final TextEditingController _fullNameController = TextEditingController();
  final TextEditingController _bioController = TextEditingController();

  void _loadProfile() async {
    final authService = Provider.of<AuthService>(context, listen: false);
    final user = authService.user!;
    Profile? fetchedProfile = await _profileService.getProfile(user);

    if (fetchedProfile == null) {
      await _profileService.createProfile(user);
      fetchedProfile = await _profileService.getProfile(user);
    }

    setState(() {
      profile = fetchedProfile;
      _fullNameController.text = profile?.fullName ?? '';
      _bioController.text = profile?.bio ?? '';
    });
  }

  void _saveProfile() async {
    if (profile != null) {
      profile!.fullName = _fullNameController.text.trim();
      profile!.bio = _bioController.text.trim();
      await _profileService.updateProfile(profile!);
      ScaffoldMessenger.of(context)
          .showSnackBar(SnackBar(content: Text('Profile updated')));
    }
  }

  @override
  void initState() {
    super.initState();
    _loadProfile();
  }

  @override
  Widget build(BuildContext context) {
    if (profile == null) {
      return Scaffold(
        appBar: AppBar(title: Text('Profile')),
        body: Center(child: CircularProgressIndicator()),
      );
    }

    return Scaffold(
      appBar: AppBar(title: Text(profile!.username)),
      body: Padding(
        padding: const EdgeInsets.all(16),
        child: Column(
          children: [
            // Add profile picture handling here
            TextField(
              controller: _fullNameController,
              decoration: InputDecoration(labelText: 'Full Name'),
            ),
            TextField(
              controller: _bioController,
              decoration: InputDecoration(labelText: 'Bio'),
            ),
            SizedBox(height: 20),
            ElevatedButton(onPressed: _saveProfile, child: Text('Save')),
          ],
        ),
      ),
    );
  }
}
﻿
Шаг 6 – Реализация новостных лент
6.1. Создание сервиса постов
Добавьте файл с именем post_service.dart в lib/services/:
Dart
// lib/services/post_service.dart
import 'package:parse_server_sdk_flutter/parse_server_sdk.dart';
import '../models/post.dart';

class PostService {
  Future<void> createPost(String content, ParseUser user) async {
    final post = ParseObject('Post')
      ..set('user', user)
      ..set('content', content);

    await post.save();
  }

  Future<List<Post>> getPosts(ParseUser user) async {
    final query = QueryBuilder<ParseObject>(ParseObject('Post'))
      ..orderByDescending('createdAt')
      ..includeObject(['user']);

    final response = await query.query();

    if (response.success && response.results != null) {
      return response.results!.map((e) => Post.fromParseObject(e)).toList();
    } else {
      return [];
    }
  }
}
// lib/services/post_service.dart
import 'package:parse_server_sdk_flutter/parse_server_sdk.dart';
import '../models/post.dart';

class PostService {
  Future<void> createPost(String content, ParseUser user) async {
    final post = ParseObject('Post')
      ..set('user', user)
      ..set('content', content);

    await post.save();
  }

  Future<List<Post>> getPosts(ParseUser user) async {
    final query = QueryBuilder<ParseObject>(ParseObject('Post'))
      ..orderByDescending('createdAt')
      ..includeObject(['user']);

    final response = await query.query();

    if (response.success && response.results != null) {
      return response.results!.map((e) => Post.fromParseObject(e)).toList();
    } else {
      return [];
    }
  }
}
﻿
6.2. Создание модели поста
Добавьте файл с именем post.dart в lib/models/:
Dart
// lib/models/post.dart
import 'package:parse_server_sdk_flutter/parse_server_sdk.dart';

class Post {
  String id;
  String content;
  ParseUser user;
  DateTime createdAt;

  Post({
    required this.id,
    required this.content,
    required this.user,
    required this.createdAt,
  });

  factory Post.fromParseObject(ParseObject object) {
    return Post(
      id: object.objectId!,
      content: object.get<String>('content')!,
      user: object.get<ParseUser>('user')!,
      createdAt: object.createdAt!,
    );
  }
}
// lib/models/post.dart
import 'package:parse_server_sdk_flutter/parse_server_sdk.dart';

class Post {
  String id;
  String content;
  ParseUser user;
  DateTime createdAt;

  Post({
    required this.id,
    required this.content,
    required this.user,
    required this.createdAt,
  });

  factory Post.fromParseObject(ParseObject object) {
    return Post(
      id: object.objectId!,
      content: object.get<String>('content')!,
      user: object.get<ParseUser>('user')!,
      createdAt: object.createdAt!,
    );
  }
}
﻿
6.3. Создать главный экран
Измените home_screen.dart в lib/screens/:
Dart
// lib/screens/home_screen.dart
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../services/auth_service.dart';
import '../services/post_service.dart';
import '../models/post.dart';
import 'profile_screen.dart';

class HomeScreen extends StatefulWidget {
  @override
  _HomeScreenState createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  final PostService _postService = PostService();
  List<Post> posts = [];
  final TextEditingController _postController = TextEditingController();

  void _loadPosts() async {
    final authService = Provider.of<AuthService>(context, listen: false);
    final user = authService.user!;
    List<Post> fetchedPosts = await _postService.getPosts(user);

    setState(() {
      posts = fetchedPosts;
    });
  }

  void _createPost() async {
    final authService = Provider.of<AuthService>(context, listen: false);
    final user = authService.user!;
    await _postService.createPost(_postController.text.trim(), user);
    _postController.clear();
    _loadPosts();
  }

  @override
  void initState() {
    super.initState();
    _loadPosts();
  }

  @override
  Widget build(BuildContext context) {
    final authService = Provider.of<AuthService>(context);
    return Scaffold(
      appBar: AppBar(
        title: Text('Social App'),
        actions: [
          IconButton(
            icon: Icon(Icons.person),
            onPressed: () {
              Navigator.push(
                context,
                MaterialPageRoute(builder: (_) => ProfileScreen()),
              );
            },
          ),
          IconButton(
            icon: Icon(Icons.logout),
            onPressed: () async {
              await authService.logout();
              Navigator.pushReplacementNamed(context, '/');
            },
          ),
        ],
      ),
      body: Column(
        children: [
          TextField(
            controller: _postController,
            decoration: InputDecoration(
              hintText: 'What\'s on your mind?',
              contentPadding: EdgeInsets.all(16),
            ),
          ),
          ElevatedButton(onPressed: _createPost, child: Text('Post')),
          Expanded(
            child: ListView.builder(
              itemCount: posts.length,
              itemBuilder: (context, index) {
                final post = posts[index];
                return ListTile(
                  title: Text(post.user.username ?? 'Unknown'),
                  subtitle: Text(post.content),
                  trailing: Text(
                    post.createdAt.toLocal().toString(),
                    style: TextStyle(fontSize: 12),
                  ),
                );
              },
            ),
          ),
        ],
      ),
    );
  }
}
// lib/screens/home_screen.dart
import 'package:flutter/material.dart';
import 'package:provider/provider.dart';
import '../services/auth_service.dart';
import '../services/post_service.dart';
import '../models/post.dart';
import 'profile_screen.dart';

class HomeScreen extends StatefulWidget {
  @override
  _HomeScreenState createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  final PostService _postService = PostService();
  List<Post> posts = [];
  final TextEditingController _postController = TextEditingController();

  void _loadPosts() async {
    final authService = Provider.of<AuthService>(context, listen: false);
    final user = authService.user!;
    List<Post> fetchedPosts = await _postService.getPosts(user);

    setState(() {
      posts = fetchedPosts;
    });
  }

  void _createPost() async {
    final authService = Provider.of<AuthService>(context, listen: false);
    final user = authService.user!;
    await _postService.createPost(_postController.text.trim(), user);
    _postController.clear();
    _loadPosts();
  }

  @override
  void initState() {
    super.initState();
    _loadPosts();
  }

  @override
  Widget build(BuildContext context) {
    final authService = Provider.of<AuthService>(context);
    return Scaffold(
      appBar: AppBar(
        title: Text('Social App'),
        actions: [
          IconButton(
            icon: Icon(Icons.person),
            onPressed: () {
              Navigator.push(
                context,
                MaterialPageRoute(builder: (_) => ProfileScreen()),
              );
            },
          ),
          IconButton(
            icon: Icon(Icons.logout),
            onPressed: () async {
              await authService.logout();
              Navigator.pushReplacementNamed(context, '/');
            },
          ),
        ],
      ),
      body: Column(
        children: [
          TextField(
            controller: _postController,
            decoration: InputDecoration(
              hintText: 'What\'s on your mind?',
              contentPadding: EdgeInsets.all(16),
            ),
          ),
          ElevatedButton(onPressed: _createPost, child: Text('Post')),
          Expanded(
            child: ListView.builder(
              itemCount: posts.length,
              itemBuilder: (context, index) {
                final post = posts[index];
                return ListTile(
                  title: Text(post.user.username ?? 'Unknown'),
                  subtitle: Text(post.content),
                  trailing: Text(
                    post.createdAt.toLocal().toString(),
                    style: TextStyle(fontSize: 12),
                  ),
                );
              },
            ),
          ),
        ],
      ),
    );
  }
}
﻿
Шаг 7 – Добавление дружеских связей
На этом этапе мы реализуем связи дружбы между пользователями. Пользователи могут отправлять запросы на дружбу, принимать или отклонять их, а также просматривать свой список друзей. Мы изменим модели данных, создадим сервисы и обновим пользовательский интерфейс, чтобы поддержать эту функциональность.
7.1. Обновите модель данных
Мы уже создали класс FriendRequest в Back4App со следующими колонками:
fromUser: Указатель на _User
toUser: Указатель на _User
status: Строка (Значения: "ожидание", "принято", "отклонено")
Кроме того, нам нужно отслеживать список друзей пользователя. Мы можем сделать это, добавив отношение friends в класс _User.
7.1.1. Добавить отношение друзей в класс пользователя
В Back4App перейдите в класс User.
Нажмите на кнопку "+" для добавления нового столбца.
Назовите столбец "friends" и установите тип на Relation <_User>.
7.2. Создать сервис запросов на добавление в друзья
Создайте файл с именем friend_service.dart в lib/services/:
Dart
// lib/services/friend_service.dart
import 'package:parse_server_sdk_flutter/parse_server_sdk.dart';

class FriendService {
  Future<bool> sendFriendRequest(ParseUser fromUser, ParseUser toUser) async {
    final friendRequest = ParseObject('FriendRequest')
      ..set('fromUser', fromUser)
      ..set('toUser', toUser)
      ..set('status', 'pending');

    final response = await friendRequest.save();
    return response.success;
  }

  Future<List<ParseObject>> getPendingRequests(ParseUser user) async {
    final query = QueryBuilder<ParseObject>(ParseObject('FriendRequest'))
      ..whereEqualTo('toUser', user)
      ..whereEqualTo('status', 'pending')
      ..includeObject(['fromUser']);

    final response = await query.query();
    if (response.success && response.results != null) {
      return response.results!;
    } else {
      return [];
    }
  }

  Future<bool> acceptFriendRequest(ParseObject friendRequest) async {
    friendRequest.set('status', 'accepted');
    final response = await friendRequest.save();

    if (response.success) {
      // Add each user to the other's friends relation
      final fromUser = friendRequest.get<ParseUser>('fromUser')!;
      final toUser = friendRequest.get<ParseUser>('toUser')!;

      fromUser.setAdd('friends', [toUser]);
      toUser.setAdd('friends', [fromUser]);

      await fromUser.save();
      await toUser.save();

      return true;
    }
    return false;
  }

  Future<bool> rejectFriendRequest(ParseObject friendRequest) async {
    friendRequest.set('status', 'rejected');
    final response = await friendRequest.save();
    return response.success;
  }

  Future<List<ParseUser>> getFriends(ParseUser user) async {
    final relation = user.getRelation<ParseUser>('friends');
    final query = relation.query();

    final response = await query.query();
    if (response.success && response.results != null) {
      return response.results!.cast<ParseUser>();
    } else {
      return [];
    }
  }
}
// lib/services/friend_service.dart
import 'package:parse_server_sdk_flutter/parse_server_sdk.dart';

class FriendService {
  Future<bool> sendFriendRequest(ParseUser fromUser, ParseUser toUser) async {
    final friendRequest = ParseObject('FriendRequest')
      ..set('fromUser', fromUser)
      ..set('toUser', toUser)
      ..set('status', 'pending');

    final response = await friendRequest.save();
    return response.success;
  }

  Future<List<ParseObject>> getPendingRequests(ParseUser user) async {
    final query = QueryBuilder<ParseObject>(ParseObject('FriendRequest'))
      ..whereEqualTo('toUser', user)
      ..whereEqualTo('status', 'pending')
      ..includeObject(['fromUser']);

    final response = await query.query();
    if (response.success && response.results != null) {
      return response.results!;
    } else {
      return [];
    }
  }

  Future<bool> acceptFriendRequest(ParseObject friendRequest) async {
    friendRequest.set('status', 'accepted');
    final response = await friendRequest.save();

    if (response.success) {
      // Add each user to the other's friends relation
      final fromUser = friendRequest.get<ParseUser>('fromUser')!;
      final toUser = friendRequest.get<ParseUser>('toUser')!;

      fromUser.setAdd('friends', [toUser]);
      toUser.setAdd('friends', [fromUser]);

      await fromUser.save();
      await toUser.save();

      return true;
    }
    return false;
  }

  Future<bool> rejectFriendRequest(ParseObject friendRequest) async {
    friendRequest.set('status', 'rejected');
    final response = await friendRequest.save();
    return response.success;
  }

  Future<List<ParseUser>> getFriends(ParseUser user) async {
    final relation = user.getRelation<ParseUser>('friends');
    final query = relation.query();

    final response = await query.query();
    if (response.success && response.results != null) {
      return response.results!.cast<ParseUser>();
    } else {
      return [];
    }
  }
}
﻿
7.3. Обновите пользовательский интерфейс
7.3.1. Добавить экран поиска пользователей
Создайте файл с именем search_users_screen.dart в lib/screens/:
Dart
// lib/screens/search_users_screen.dart
import 'package:flutter/material.dart';
import 'package:parse_server_sdk_flutter/parse_server_sdk.dart';
import 'package:provider/provider.dart';
import '../services/auth_service.dart';
import '../services/friend_service.dart';

class SearchUsersScreen extends StatefulWidget {
  @override
  _SearchUsersScreenState createState() => _SearchUsersScreenState();
}

class _SearchUsersScreenState extends State<SearchUsersScreen> {
  final TextEditingController _searchController = TextEditingController();
  List<ParseUser> users = [];
  final FriendService _friendService = FriendService();

  void _searchUsers() async {
    final query = QueryBuilder<ParseUser>(ParseUser.forQuery())
      ..whereContains('username', _searchController.text.trim())
      ..whereNotEqualTo('objectId', Provider.of<AuthService>(context, listen: false).user!.objectId);

    final response = await query.query();
    if (response.success && response.results != null) {
      setState(() {
        users = response.results!.cast<ParseUser>();
      });
    } else {
      setState(() {
        users = [];
      });
    }
  }

  void _sendFriendRequest(ParseUser toUser) async {
    final fromUser = Provider.of<AuthService>(context, listen: false).user!;
    bool success = await _friendService.sendFriendRequest(fromUser, toUser);
    if (success) {
      ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text('Friend request sent')));
    } else {
      ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text('Failed to send friend request')));
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Search Users'),
      ),
      body: Column(
        children: [
          Padding(
            padding: const EdgeInsets.all(16.0),
            child: TextField(
              controller: _searchController,
              decoration: InputDecoration(
                hintText: 'Search by username',
                suffixIcon: IconButton(
                  icon: Icon(Icons.search),
                  onPressed: _searchUsers,
                ),
              ),
            ),
          ),
          Expanded(
            child: ListView.builder(
              itemCount: users.length,
              itemBuilder: (context, index) {
                final user = users[index];
                return ListTile(
                  title: Text(user.username ?? 'Unknown'),
                  trailing: ElevatedButton(
                    onPressed: () => _sendFriendRequest(user),
                    child: Text('Add Friend'),
                  ),
                );
              },
            ),
          ),
        ],
      ),
    );
  }
}
// lib/screens/search_users_screen.dart
import 'package:flutter/material.dart';
import 'package:parse_server_sdk_flutter/parse_server_sdk.dart';
import 'package:provider/provider.dart';
import '../services/auth_service.dart';
import '../services/friend_service.dart';

class SearchUsersScreen extends StatefulWidget {
  @override
  _SearchUsersScreenState createState() => _SearchUsersScreenState();
}

class _SearchUsersScreenState extends State<SearchUsersScreen> {
  final TextEditingController _searchController = TextEditingController();
  List<ParseUser> users = [];
  final FriendService _friendService = FriendService();

  void _searchUsers() async {
    final query = QueryBuilder<ParseUser>(ParseUser.forQuery())
      ..whereContains('username', _searchController.text.trim())
      ..whereNotEqualTo('objectId', Provider.of<AuthService>(context, listen: false).user!.objectId);

    final response = await query.query();
    if (response.success && response.results != null) {
      setState(() {
        users = response.results!.cast<ParseUser>();
      });
    } else {
      setState(() {
        users = [];
      });
    }
  }

  void _sendFriendRequest(ParseUser toUser) async {
    final fromUser = Provider.of<AuthService>(context, listen: false).user!;
    bool success = await _friendService.sendFriendRequest(fromUser, toUser);
    if (success) {
      ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text('Friend request sent')));
    } else {
      ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text('Failed to send friend request')));
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Search Users'),
      ),
      body: Column(
        children: [
          Padding(
            padding: const EdgeInsets.all(16.0),
            child: TextField(
              controller: _searchController,
              decoration: InputDecoration(
                hintText: 'Search by username',
                suffixIcon: IconButton(
                  icon: Icon(Icons.search),
                  onPressed: _searchUsers,
                ),
              ),
            ),
          ),
          Expanded(
            child: ListView.builder(
              itemCount: users.length,
              itemBuilder: (context, index) {
                final user = users[index];
                return ListTile(
                  title: Text(user.username ?? 'Unknown'),
                  trailing: ElevatedButton(
                    onPressed: () => _sendFriendRequest(user),
                    child: Text('Add Friend'),
                  ),
                );
              },
            ),
          ),
        ],
      ),
    );
  }
}
﻿
7.3.2. Экран запросов на добавление в друзья
Создайте файл с именем friend_requests_screen.dart в lib/screens/:
Dart
// lib/screens/friend_requests_screen.dart
import 'package:flutter/material.dart';
import 'package:parse_server_sdk_flutter/parse_server_sdk.dart';
import 'package:provider/provider.dart';
import '../services/auth_service.dart';
import '../services/friend_service.dart';

class FriendRequestsScreen extends StatefulWidget {
  @override
  _FriendRequestsScreenState createState() => _FriendRequestsScreenState();
}

class _FriendRequestsScreenState extends State<FriendRequestsScreen> {
  final FriendService _friendService = FriendService();
  List<ParseObject> friendRequests = [];

  void _loadFriendRequests() async {
    final user = Provider.of<AuthService>(context, listen: false).user!;
    final requests = await _friendService.getPendingRequests(user);
    setState(() {
      friendRequests = requests;
    });
  }

  void _acceptRequest(ParseObject request) async {
    bool success = await _friendService.acceptFriendRequest(request);
    if (success) {
      ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text('Friend request accepted')));
      _loadFriendRequests();
    } else {
      ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text('Failed to accept friend request')));
    }
  }

  void _rejectRequest(ParseObject request) async {
    bool success = await _friendService.rejectFriendRequest(request);
    if (success) {
      ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text('Friend request rejected')));
      _loadFriendRequests();
    } else {
      ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text('Failed to reject friend request')));
    }
  }

  @override
  void initState() {
    super.initState();
    _loadFriendRequests();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Friend Requests'),
      ),
      body: ListView.builder(
        itemCount: friendRequests.length,
        itemBuilder: (context, index) {
          final request = friendRequests[index];
          final fromUser = request.get<ParseUser>('fromUser')!;
          return ListTile(
            title: Text(fromUser.username ?? 'Unknown'),
            subtitle: Text('Sent you a friend request'),
            trailing: Row(
              mainAxisSize: MainAxisSize.min,
              children: [
                IconButton(
                  icon: Icon(Icons.check, color: Colors.green),
                  onPressed: () => _acceptRequest(request),
                ),
                IconButton(
                  icon: Icon(Icons.close, color: Colors.red),
                  onPressed: () => _rejectRequest(request),
                ),
              ],
            ),
          );
        },
      ),
    );
  }
}
// lib/screens/friend_requests_screen.dart
import 'package:flutter/material.dart';
import 'package:parse_server_sdk_flutter/parse_server_sdk.dart';
import 'package:provider/provider.dart';
import '../services/auth_service.dart';
import '../services/friend_service.dart';

class FriendRequestsScreen extends StatefulWidget {
  @override
  _FriendRequestsScreenState createState() => _FriendRequestsScreenState();
}

class _FriendRequestsScreenState extends State<FriendRequestsScreen> {
  final FriendService _friendService = FriendService();
  List<ParseObject> friendRequests = [];

  void _loadFriendRequests() async {
    final user = Provider.of<AuthService>(context, listen: false).user!;
    final requests = await _friendService.getPendingRequests(user);
    setState(() {
      friendRequests = requests;
    });
  }

  void _acceptRequest(ParseObject request) async {
    bool success = await _friendService.acceptFriendRequest(request);
    if (success) {
      ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text('Friend request accepted')));
      _loadFriendRequests();
    } else {
      ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text('Failed to accept friend request')));
    }
  }

  void _rejectRequest(ParseObject request) async {
    bool success = await _friendService.rejectFriendRequest(request);
    if (success) {
      ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text('Friend request rejected')));
      _loadFriendRequests();
    } else {
      ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text('Failed to reject friend request')));
    }
  }

  @override
  void initState() {
    super.initState();
    _loadFriendRequests();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Friend Requests'),
      ),
      body: ListView.builder(
        itemCount: friendRequests.length,
        itemBuilder: (context, index) {
          final request = friendRequests[index];
          final fromUser = request.get<ParseUser>('fromUser')!;
          return ListTile(
            title: Text(fromUser.username ?? 'Unknown'),
            subtitle: Text('Sent you a friend request'),
            trailing: Row(
              mainAxisSize: MainAxisSize.min,
              children: [
                IconButton(
                  icon: Icon(Icons.check, color: Colors.green),
                  onPressed: () => _acceptRequest(request),
                ),
                IconButton(
                  icon: Icon(Icons.close, color: Colors.red),
                  onPressed: () => _rejectRequest(request),
                ),
              ],
            ),
          );
        },
      ),
    );
  }
}
﻿
7.3.3. Обновление навигации на главном экране
В home_screen.dart, добавьте навигацию к экранам поиска пользователей и запросов на добавление в друзья:
Dart
// Inside AppBar actions
IconButton(
  icon: Icon(Icons.person_add),
  onPressed: () {
    Navigator.push(
      context,
      MaterialPageRoute(builder: (_) => SearchUsersScreen()),
    );
  },
),
IconButton(
  icon: Icon(Icons.notifications),
  onPressed: () {
    Navigator.push(
      context,
      MaterialPageRoute(builder: (_) => FriendRequestsScreen()),
    );
  },
),
// Inside AppBar actions
IconButton(
  icon: Icon(Icons.person_add),
  onPressed: () {
    Navigator.push(
      context,
      MaterialPageRoute(builder: (_) => SearchUsersScreen()),
    );
  },
),
IconButton(
  icon: Icon(Icons.notifications),
  onPressed: () {
    Navigator.push(
      context,
      MaterialPageRoute(builder: (_) => FriendRequestsScreen()),
    );
  },
),
﻿
7.4. Обновите новостную ленту, чтобы показать посты друзей
Измените метод getPosts в post_service.dart для получения постов от пользователя и его друзей.
Dart
// lib/services/post_service.dart
Future<List<Post>> getPosts(ParseUser user) async {
  // Get friends
  final relation = user.getRelation<ParseUser>('friends');
  final friendsQuery = relation.query();

  final friendsResponse = await friendsQuery.query();

  List<String> userIds = [user.objectId!];
  if (friendsResponse.success && friendsResponse.results != null) {
    final friends = friendsResponse.results!.cast<ParseUser>();
    userIds.addAll(friends.map((friend) => friend.objectId!));
  }

  // Fetch posts from user and friends
  final query = QueryBuilder<ParseObject>(ParseObject('Post'))
    ..whereContainedIn('user', userIds.map((id) => ParseUser(null, null, null)..objectId = id).toList())
    ..orderByDescending('createdAt')
    ..includeObject(['user']);

  final response = await query.query();

  if (response.success && response.results != null) {
    return response.results!.map((e) => Post.fromParseObject(e)).toList();
  } else {
    return [];
  }
}
// lib/services/post_service.dart
Future<List<Post>> getPosts(ParseUser user) async {
  // Get friends
  final relation = user.getRelation<ParseUser>('friends');
  final friendsQuery = relation.query();

  final friendsResponse = await friendsQuery.query();

  List<String> userIds = [user.objectId!];
  if (friendsResponse.success && friendsResponse.results != null) {
    final friends = friendsResponse.results!.cast<ParseUser>();
    userIds.addAll(friends.map((friend) => friend.objectId!));
  }

  // Fetch posts from user and friends
  final query = QueryBuilder<ParseObject>(ParseObject('Post'))
    ..whereContainedIn('user', userIds.map((id) => ParseUser(null, null, null)..objectId = id).toList())
    ..orderByDescending('createdAt')
    ..includeObject(['user']);

  final response = await query.query();

  if (response.success && response.results != null) {
    return response.results!.map((e) => Post.fromParseObject(e)).toList();
  } else {
    return [];
  }
}
﻿
Шаг 8 – Реализация обмена сообщениями
На этом этапе мы добавим обмен сообщениями в реальном времени между пользователями с использованием Live Queries.
8.1. Включите Live Queries в Back4App
В вашей панели управления приложением Back4App перейдите в Настройки приложения > Настройки сервера.
В разделе URL сервера, запишите ваш URL сервера (например, https://YOUR_APP_NAME.back4app.io).
Live Queries включены по умолчанию в Back4App.
8.2. Настройка Live Queries в Flutter
Пакет parse_server_sdk_flutter включает поддержку Live Query.
8.3. Создание сервиса обмена сообщениями
Создайте файл с именем message_service.dart в lib/services/:
Dart
// lib/services/message_service.dart
import 'package:parse_server_sdk_flutter/parse_server_sdk.dart';
import '../models/message.dart';

class MessageService {
  ParseLiveList<Message>? liveMessageList;

  Future<void> sendMessage(ParseUser fromUser, ParseUser toUser, String content) async {
    final message = ParseObject('Message')
      ..set('fromUser', fromUser)
      ..set('toUser', toUser)
      ..set('content', content);

    await message.save();
  }

  Future<void> subscribeToMessages(ParseUser user, ParseUser otherUser, Function(List<Message>) onMessagesUpdated) async {
    final queryBuilder = QueryBuilder<ParseObject>(ParseObject('Message'))
      ..whereEqualTo('fromUser', user)
      ..whereEqualTo('toUser', otherUser)
      ..orderByAscending('createdAt')
      ..includeObject(['fromUser', 'toUser']);

    liveMessageList = ParseLiveList<Message>(queryBuilder, listenOnAllSubItems: true);

    liveMessageList!.stream.listen((event) {
      onMessagesUpdated(liveMessageList!.items);
    });
  }

  Future<void> dispose() async {
    await liveMessageList?.dispose();
  }
}
// lib/services/message_service.dart
import 'package:parse_server_sdk_flutter/parse_server_sdk.dart';
import '../models/message.dart';

class MessageService {
  ParseLiveList<Message>? liveMessageList;

  Future<void> sendMessage(ParseUser fromUser, ParseUser toUser, String content) async {
    final message = ParseObject('Message')
      ..set('fromUser', fromUser)
      ..set('toUser', toUser)
      ..set('content', content);

    await message.save();
  }

  Future<void> subscribeToMessages(ParseUser user, ParseUser otherUser, Function(List<Message>) onMessagesUpdated) async {
    final queryBuilder = QueryBuilder<ParseObject>(ParseObject('Message'))
      ..whereEqualTo('fromUser', user)
      ..whereEqualTo('toUser', otherUser)
      ..orderByAscending('createdAt')
      ..includeObject(['fromUser', 'toUser']);

    liveMessageList = ParseLiveList<Message>(queryBuilder, listenOnAllSubItems: true);

    liveMessageList!.stream.listen((event) {
      onMessagesUpdated(liveMessageList!.items);
    });
  }

  Future<void> dispose() async {
    await liveMessageList?.dispose();
  }
}
﻿
8.4. Создание модели сообщения
Добавьте файл с именем message.dart в lib/models/:
Dart
// lib/models/message.dart
import 'package:parse_server_sdk_flutter/parse_server_sdk.dart';

class Message extends ParseObject implements ParseCloneable {
  Message() : super('Message');

  Message.clone() : this();

  @override
  clone(Map<String, dynamic> map) => Message.clone()..fromJson(map);

  ParseUser get fromUser => get<ParseUser>('fromUser')!;
  ParseUser get toUser => get<ParseUser>('toUser')!;
  String get content => get<String>('content')!;
}
// lib/models/message.dart
import 'package:parse_server_sdk_flutter/parse_server_sdk.dart';

class Message extends ParseObject implements ParseCloneable {
  Message() : super('Message');

  Message.clone() : this();

  @override
  clone(Map<String, dynamic> map) => Message.clone()..fromJson(map);

  ParseUser get fromUser => get<ParseUser>('fromUser')!;
  ParseUser get toUser => get<ParseUser>('toUser')!;
  String get content => get<String>('content')!;
}
﻿
8.5. Создать экран чата
Добавьте файл с именем chat_screen.dart в lib/screens/:
Dart
// lib/screens/chat_screen.dart
import 'package:flutter/material.dart';
import 'package:parse_server_sdk_flutter/parse_server_sdk.dart';
import 'package:provider/provider.dart';
import '../models/message.dart';
import '../services/auth_service.dart';
import '../services/message_service.dart';

class ChatScreen extends StatefulWidget {
  final ParseUser otherUser;

  ChatScreen({required this.otherUser});

  @override
  _ChatScreenState createState() => _ChatScreenState();
}

class _ChatScreenState extends State<ChatScreen> {
  final MessageService _messageService = MessageService();
  List<Message> messages = [];
  final TextEditingController _messageController = TextEditingController();

  void _sendMessage() {
    final authService = Provider.of<AuthService>(context, listen: false);
    final fromUser = authService.user!;
    final toUser = widget.otherUser;

    _messageService.sendMessage(fromUser, toUser, _messageController.text.trim());
    _messageController.clear();
  }

  void _onMessagesUpdated(List<Message> updatedMessages) {
    setState(() {
      messages = updatedMessages;
    });
  }

  @override
  void initState() {
    super.initState();
    final authService = Provider.of<AuthService>(context, listen: false);
    final user = authService.user!;
    _messageService.subscribeToMessages(user, widget.otherUser, _onMessagesUpdated);
  }

  @override
  void dispose() {
    _messageService.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    final authService = Provider.of<AuthService>(context, listen: false);
    final user = authService.user!;

    return Scaffold(
      appBar: AppBar(title: Text(widget.otherUser.username ?? 'Chat')),
      body: Column(
        children: [
          Expanded(
            child: ListView(
              children: messages.map((message) {
                bool isMe = message.fromUser.objectId == user.objectId;
                return ListTile(
                  title: Align(
                    alignment: isMe ? Alignment.centerRight : Alignment.centerLeft,
                    child: Container(
                      padding: EdgeInsets.all(10),
                      color: isMe ? Colors.blueAccent : Colors.grey[300],
                      child: Text(
                        message.content,
                        style: TextStyle(color: isMe ? Colors.white : Colors.black),
                      ),
                    ),
                  ),
                );
              }).toList(),
            ),
          ),
          Divider(height: 1),
          Container(
            padding: EdgeInsets.symmetric(horizontal: 8.0),
            color: Theme.of(context).cardColor,
            child: Row(
              children: [
                Flexible(
                  child: TextField(
                    controller: _messageController,
                    decoration: InputDecoration.collapsed(hintText: 'Send a message'),
                  ),
                ),
                IconButton(
                  icon: Icon(Icons.send),
                  onPressed: _sendMessage,
                ),
              ],
            ),
          )
        ],
      ),
    );
  }
}
// lib/screens/chat_screen.dart
import 'package:flutter/material.dart';
import 'package:parse_server_sdk_flutter/parse_server_sdk.dart';
import 'package:provider/provider.dart';
import '../models/message.dart';
import '../services/auth_service.dart';
import '../services/message_service.dart';

class ChatScreen extends StatefulWidget {
  final ParseUser otherUser;

  ChatScreen({required this.otherUser});

  @override
  _ChatScreenState createState() => _ChatScreenState();
}

class _ChatScreenState extends State<ChatScreen> {
  final MessageService _messageService = MessageService();
  List<Message> messages = [];
  final TextEditingController _messageController = TextEditingController();

  void _sendMessage() {
    final authService = Provider.of<AuthService>(context, listen: false);
    final fromUser = authService.user!;
    final toUser = widget.otherUser;

    _messageService.sendMessage(fromUser, toUser, _messageController.text.trim());
    _messageController.clear();
  }

  void _onMessagesUpdated(List<Message> updatedMessages) {
    setState(() {
      messages = updatedMessages;
    });
  }

  @override
  void initState() {
    super.initState();
    final authService = Provider.of<AuthService>(context, listen: false);
    final user = authService.user!;
    _messageService.subscribeToMessages(user, widget.otherUser, _onMessagesUpdated);
  }

  @override
  void dispose() {
    _messageService.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    final authService = Provider.of<AuthService>(context, listen: false);
    final user = authService.user!;

    return Scaffold(
      appBar: AppBar(title: Text(widget.otherUser.username ?? 'Chat')),
      body: Column(
        children: [
          Expanded(
            child: ListView(
              children: messages.map((message) {
                bool isMe = message.fromUser.objectId == user.objectId;
                return ListTile(
                  title: Align(
                    alignment: isMe ? Alignment.centerRight : Alignment.centerLeft,
                    child: Container(
                      padding: EdgeInsets.all(10),
                      color: isMe ? Colors.blueAccent : Colors.grey[300],
                      child: Text(
                        message.content,
                        style: TextStyle(color: isMe ? Colors.white : Colors.black),
                      ),
                    ),
                  ),
                );
              }).toList(),
            ),
          ),
          Divider(height: 1),
          Container(
            padding: EdgeInsets.symmetric(horizontal: 8.0),
            color: Theme.of(context).cardColor,
            child: Row(
              children: [
                Flexible(
                  child: TextField(
                    controller: _messageController,
                    decoration: InputDecoration.collapsed(hintText: 'Send a message'),
                  ),
                ),
                IconButton(
                  icon: Icon(Icons.send),
                  onPressed: _sendMessage,
                ),
              ],
            ),
          )
        ],
      ),
    );
  }
}
﻿
8.6. Обновить интерфейс для начала чата
Вы можете начать чат из списка друзей или экрана поиска пользователей.
В списке друзей, при отображении друзей, добавьте кнопку для начала чата:
Dart
// Inside the ListTile for a friend
trailing: IconButton(
  icon: Icon(Icons.chat),
  onPressed: () {
    Navigator.push(
      context,
      MaterialPageRoute(builder: (_) => ChatScreen(otherUser: friend)),
    );
  },
),
// Inside the ListTile for a friend
trailing: IconButton(
  icon: Icon(Icons.chat),
  onPressed: () {
    Navigator.push(
      context,
      MaterialPageRoute(builder: (_) => ChatScreen(otherUser: friend)),
    );
  },
),
﻿
Шаг 9 – Добавление push-уведомлений
Реализация push-уведомлений включает в себя настройку Firebase Cloud Messaging (FCM) и интеграцию его с Back4App.
9.1. Настройка Firebase Cloud Messaging
9.1.1. Настройка проекта Firebase
Перейдите на Консоль Firebase и создайте новый проект.
Добавьте Android и/или iOS приложение в ваш проект.
Для Android вам нужно имя пакета (applicationId).
Для iOS вам нужен идентификатор пакета.
9.1.2. Скачайте файлы конфигурации
Для Android: Скачайте google-services.json и поместите его в android/app/.
Для iOS: Скачайте GoogleService-Info.plist и добавьте его в ваш проект Xcode в разделе Runner.
9.2. Добавьте firebase_messaging пакет
Убедитесь, что вы добавили firebase_messaging в ваш pubspec.yaml:
YAML
dependencies:
  firebase_messaging: ^11.2.8
dependencies:
  firebase_messaging: ^11.2.8
﻿
Запустите flutter pub get для установки.
9.3. Инициализация Firebase в Flutter
Измените main.dart:
Dart
import 'package:flutter/material.dart';
import 'package:parse_server_sdk_flutter/parse_server_sdk.dart';
import 'package:firebase_core/firebase_core.dart';
// Other imports

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp();

  // Initialize Parse as before

  runApp(MyApp());
}
import 'package:flutter/material.dart';
import 'package:parse_server_sdk_flutter/parse_server_sdk.dart';
import 'package:firebase_core/firebase_core.dart';
// Other imports

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp();

  // Initialize Parse as before

  runApp(MyApp());
}
﻿
9.4. Настройка Firebase Messaging
Создайте файл с именем push_notification_service.dart в lib/services/:
Dart
// lib/services/push_notification_service.dart
import 'package:firebase_messaging/firebase_messaging.dart';
import 'package:parse_server_sdk_flutter/parse_server_sdk.dart';

class PushNotificationService {
  final FirebaseMessaging _fcm = FirebaseMessaging.instance;

  Future<void> init() async {
    // Request permissions (iOS)
    await _fcm.requestPermission();

    // Get the token
    String? token = await _fcm.getToken();

    if (token != null) {
      // Save the token to Parse Installation
      final installation = await ParseInstallation.currentInstallation();
      installation.set('deviceToken', token);
      await installation.save();
    }

    // Handle foreground messages
    FirebaseMessaging.onMessage.listen((RemoteMessage message) {
      print('Received a message in the foreground!');
      // Handle the message
    });
  }
}
// lib/services/push_notification_service.dart
import 'package:firebase_messaging/firebase_messaging.dart';
import 'package:parse_server_sdk_flutter/parse_server_sdk.dart';

class PushNotificationService {
  final FirebaseMessaging _fcm = FirebaseMessaging.instance;

  Future<void> init() async {
    // Request permissions (iOS)
    await _fcm.requestPermission();

    // Get the token
    String? token = await _fcm.getToken();

    if (token != null) {
      // Save the token to Parse Installation
      final installation = await ParseInstallation.currentInstallation();
      installation.set('deviceToken', token);
      await installation.save();
    }

    // Handle foreground messages
    FirebaseMessaging.onMessage.listen((RemoteMessage message) {
      print('Received a message in the foreground!');
      // Handle the message
    });
  }
}
﻿
9.5. Обновите main.dart для инициализации Push Notifications
В main.dart, после инициализации Parse, инициализируйте PushNotificationService:
Dart
void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp();

  // Initialize Parse as before

  // Initialize Push Notifications
  PushNotificationService _pushNotificationService = PushNotificationService();
  await _pushNotificationService.init();

  runApp(MyApp());
}
void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp();

  // Initialize Parse as before

  // Initialize Push Notifications
  PushNotificationService _pushNotificationService = PushNotificationService();
  await _pushNotificationService.init();

  runApp(MyApp());
}
﻿
9.6. Отправка Push Notifications из Back4App
Вы можете отправлять push-уведомления, используя Cloud Code или напрямую с вашего сервера.
9.6.1. Отправка уведомления о запросе на добавление в друзья
Когда пользователь отправляет запрос на добавление в друзья, вы можете отправить push-уведомление получателю.
В friend_service.dart, измените метод sendFriendRequest:
Dart
Future<bool> sendFriendRequest(ParseUser fromUser, ParseUser toUser) async {
  // Existing code to create friend request

  // Send push notification
  final pushQuery = QueryBuilder<ParseInstallation>(ParseInstallation.forQuery())
    ..whereEqualTo('user', toUser);

  await ParsePush().send(
    PushPayload(
      query: pushQuery,
      notification: ParseNotification(
        title: 'New Friend Request',
        alert: '${fromUser.username} sent you a friend request',
      ),
    ),
  );

  return response.success;
}
Future<bool> sendFriendRequest(ParseUser fromUser, ParseUser toUser) async {
  // Existing code to create friend request

  // Send push notification
  final pushQuery = QueryBuilder<ParseInstallation>(ParseInstallation.forQuery())
    ..whereEqualTo('user', toUser);

  await ParsePush().send(
    PushPayload(
      query: pushQuery,
      notification: ParseNotification(
        title: 'New Friend Request',
        alert: '${fromUser.username} sent you a friend request',
      ),
    ),
  );

  return response.success;
}
﻿
Примечание: Убедитесь, что вы связали установку с пользователем.
9.7. Связать установку с пользователем
Когда пользователь входит в систему, свяжите его установку с его учетной записью.
В auth_service.dart, после успешного входа:
Dart
Future<bool> login(String username, String password) async {
  user = ParseUser(username, password, null);

  final response = await user!.login();

  if (response.success) {
    // Associate installation with user
    final installation = await ParseInstallation.currentInstallation();
    installation.set('user', user);
    await installation.save();

    notifyListeners();
    return true;
  } else {
    user = null;
    return false;
  }
}
Future<bool> login(String username, String password) async {
  user = ParseUser(username, password, null);

  final response = await user!.login();

  if (response.success) {
    // Associate installation with user
    final installation = await ParseInstallation.currentInstallation();
    installation.set('user', user);
    await installation.save();

    notifyListeners();
    return true;
  } else {
    user = null;
    return false;
  }
}
﻿
Примечание: Уведомления требуют дополнительной настройки как на стороне клиента, так и на стороне сервера. Вам нужно обрабатывать различные сценарии, такие как фоновые уведомления и разрешения пользователей, которые выходят за рамки этого руководства.
﻿
Заключение
Поздравляем! Вы создали основу приложения для социальной сети с использованием Flutter и Back4App. Это приложение включает в себя аутентификацию пользователей, управление профилем и функцию новостной ленты. Хотя реализация полных соединений с друзьями, обмена сообщениями и уведомлений выходит за рамки этого руководства, у вас теперь есть необходимая структура для дальнейшего расширения вашего приложения.
Следующие шаги
Соединения с друзьями: Реализуйте функционал запросов на добавление в друзья.
Обмен сообщениями: Добавьте функции чата в реальном времени с использованием Live Queries.
Уведомления: Интегрируйте push-уведомления для вовлечения пользователей.
Улучшения интерфейса: Улучшите пользовательский интерфейс и пользовательский опыт.
Безопасность: Обеспечьте безопасность данных и конфиденциальность, установив соответствующие ACL в Back4App.
Дополнительные ресурсы
﻿Документация Back4App﻿
﻿Руководство по Parse SDK для Flutter﻿
﻿Официальная документация Flutter﻿
﻿Документация пакета Provider﻿
Счастливого кодирования!
Обновлено 23 Jan 2025
Помогла ли вам эта страница?
Как создать приложение для перевода голоса с AI, используя Flutter и Back4App
Создание платформы для блогов SPA с использованием ReactJS и Back4App