Настройка хранилища медиафайлов мобильного приложения (S3/Cloud Storage)
Загрузка фото и видео из мобильного приложения — задача, которую легко недооценить. Один запрос на 50 МБ видео через бэкенд-прокси создаёт колоссальную нагрузку на сервер, увеличивает время отклика и расходует двойной трафик. Пользователи бросают загрузку, если она длится дольше трёх секунд. Мы предлагаем проверенную архитектуру: presigned URL → прямая загрузка из клиента в S3 или GCS. Бэкенд только выдаёт токен и получает подтверждение — вся тяжесть ложится на облачную инфраструктуру. Такой подход под ключ снижает нагрузку на ваш сервер, ускоряет отдачу контента и гарантирует безопасность. Наш опыт — более 5 лет интеграции облачных хранилищ в мобильные приложения для iOS и Android.
Почему стоит загружать медиа напрямую в S3?
Прямая загрузка через presigned URL решает проблемы с производительностью и надёжностью. Сравните с прокси-методом:
| Аспект | Прямая загрузка (presigned URL) | Через бэкенд-прокси |
|---|---|---|
| Загрузка сервера | Минимальная (только выдача токена) | Высокая (весь трафик через сервер) |
| Скорость для пользователя | Высокая (CDN edge) | Средняя (зависит от сервера) |
| Масштабирование | Автоматическое (облако) | Требует ресурсов |
| Безопасность | Токен с ограниченным сроком | Ключи на сервере |
Мы настоятельно рекомендуем прямую загрузку для медиа — это снижает стоимость инфраструктуры и повышает отзывчивость приложения. Официальная документация AWS: Presigned URLs.
Сравнение провайдеров облачного хранения
| Провайдер | SDK | Сильные стороны |
|---|---|---|
| AWS S3 | aws-sdk-swift, aws-sdk-kotlin, Amplify | Зрелость, богатство функций, multipart из коробки |
| Google Cloud Storage | google-cloud-storage (Java/Kotlin), GCS REST API | Хорошая интеграция с Firebase, GCP |
| Cloudflare R2 | S3-совместимый API | Нет egress-трафика, дешевле |
| Backblaze B2 | S3-совместимый API | Самый дешёвый объектный storage |
R2 и B2 совместимы с S3 API — один и тот же клиентский код, только другой endpoint. Выбор провайдера зависит от региона трафика и бюджета. Например, для проектов с большим исходящим трафиком Cloudflare R2 может сократить расходы на egress до нуля.
Как мы реализуем загрузку с прогрессом?
Пользователь видит progress bar — это не опционально для видео. Шаги реализации:
- Приложение запрашивает у бэкенда presigned URL, передавая тип и размер файла.
- Бэкенд генерирует временный токен с ограниченными правами (например, PUT-разрешениe на конкретный объект).
- Клиент загружает файл напрямую в облачное хранилище, используя полученный URL и стандартные механизмы отслеживания прогресса.
iOS через URLSession.uploadTask с делегатом:
class MediaUploader: NSObject, URLSessionTaskDelegate {
private lazy var session: URLSession = {
URLSession(configuration: .default, delegate: self, delegateQueue: nil)
}()
func upload(fileURL: URL, presignedURL: URL,
progress: @escaping (Double) -> Void,
completion: @escaping (Result<Void, Error>) -> Void) {
var request = URLRequest(url: presignedURL)
request.httpMethod = "PUT"
request.setValue(fileURL.mimeType, forHTTPHeaderField: "Content-Type")
let task = session.uploadTask(with: request, fromFile: fileURL)
task.taskDescription = fileURL.lastPathComponent
uploadCompletionHandlers[task.taskIdentifier] = completion
uploadProgressHandlers[task.taskIdentifier] = progress
task.resume()
}
func urlSession(_ session: URLSession, task: URLSessionTask,
didSendBodyData bytesSent: Int64,
totalBytesSent: Int64, totalBytesExpectedToSend: Int64) {
let progress = Double(totalBytesSent) / Double(totalBytesExpectedToSend)
uploadProgressHandlers[task.taskIdentifier]?(progress)
}
}
На Android через OkHttp с кастомным RequestBody:
class ProgressRequestBody(
private val file: File,
private val contentType: MediaType,
private val onProgress: (Int) -> Unit
) : RequestBody() {
override fun contentType() = contentType
override fun contentLength() = file.length()
override fun writeTo(sink: BufferedSink) {
val buffer = ByteArray(8192)
var uploaded = 0L
file.inputStream().use { input ->
var bytesRead: Int
while (input.read(buffer).also { bytesRead = it } != -1) {
sink.write(buffer, 0, bytesRead)
uploaded += bytesRead
val progress = (uploaded * 100 / file.length()).toInt()
onProgress(progress)
}
}
}
}
Что делать с большими видеофайлами?
S3 требует multipart для файлов больше 5 МБ (рекомендуется от 100 МБ). Преимущества: параллельная загрузка частей, возможность возобновить после прерывания.
class S3MultipartUploader(private val s3Client: S3Client) {
suspend fun upload(bucketName: String, key: String, file: File): String {
// 1. Инициализируем multipart upload
val createResponse = s3Client.createMultipartUpload {
bucket = bucketName
this.key = key
contentType = file.detectMimeType()
}
val uploadId = createResponse.uploadId!!
val partSize = 10 * 1024 * 1024L // 10 МБ на часть
val parts = mutableListOf<CompletedPart>()
try {
file.inputStream().use { stream ->
var partNumber = 1
val buffer = ByteArray(partSize.toInt())
var bytesRead: Int
while (stream.read(buffer).also { bytesRead = it } != -1) {
val partData = buffer.copyOf(bytesRead)
val uploadPartResponse = s3Client.uploadPart {
bucket = bucketName
this.key = key
this.uploadId = uploadId
this.partNumber = partNumber
body = ByteStream.fromBytes(partData)
}
parts.add(CompletedPart {
this.partNumber = partNumber
eTag = uploadPartResponse.eTag
})
partNumber++
}
}
// 3. Завершаем multipart upload
s3Client.completeMultipartUpload {
bucket = bucketName
this.key = key
this.uploadId = uploadId
multipartUpload = CompletedMultipartUpload { this.parts = parts }
}
return "https://$bucketName.s3.amazonaws.com/$key"
} catch (e: Exception) {
// Очищаем незавершённый upload — иначе оплачивается
s3Client.abortMultipartUpload {
bucket = bucketName
this.key = key
this.uploadId = uploadId
}
throw e
}
}
}
abortMultipartUpload при ошибке — важно. Незавершённые multipart uploads продолжают тарифицироваться в AWS. Добавьте Lifecycle Rule на удаление незавершённых uploads через 7 дней как страховку.
Обработка медиа перед загрузкой
Видео 4K 200 МБ напрямую в S3 — редко нужно. На клиенте перед загрузкой:
- Изображения: сжатие через
UIGraphicsImageRenderer(iOS) илиBitmapFactory.Options.inSampleSize(Android). WebP вместо JPEG — лучшее соотношение качества/размера. - Видео: транскодирование через AVAssetExportSession (iOS) или MediaCodec/Transformer (Android) до 1080p/720p. Для React Native —
react-native-video-processing.
// iOS: сжатие видео перед загрузкой
let exporter = AVAssetExportSession(asset: asset, presetName: AVAssetExportPreset1280x720)!
exporter.outputURL = outputURL
exporter.outputFileType = .mp4
exporter.shouldOptimizeForNetworkUse = true
await exporter.export()
// После экспорта — загружаем outputURL в S3
Клиентское сжатие — компромисс: меньше трафика, быстрее загрузка, но нагрузка на CPU устройства. Это позволяет сэкономить на хранении и исходящем трафике (особенно при больших объёмах).
CDN для раздачи
S3 напрямую — только для приватных файлов. Публичные медиа (аватары, контент) — через CloudFront или Cloudflare CDN. Это кэширование на edge-нодах по всему миру и HTTPS без дополнительной настройки. Подключение CDN может снизить задержки до 50 мс для пользователей в отдалённых регионах.
Технические детали настройки CORS
Для прямой загрузки из браузера или мобильного приложения необходимо настроить CORS-политики на бакете. Пример конфигурации для S3:{
"CORSRules": [
{
"AllowedOrigins": ["*"],
"AllowedMethods": ["PUT", "POST"],
"AllowedHeaders": ["*"],
"ExposeHeaders": ["ETag"]
}
]
}
Для Cloudflare R2 настройка CORS выполняется через панель управления или API.
Что входит в настройку хранилища медиа?
Мы предоставляем комплексное решение:
- Архитектурная схема интеграции presigned URL
- Серверный endpoint для генерации токенов (выбираем между API Gateway + Lambda или собственным контроллером)
- SDK-интеграция на клиентской стороне (iOS Swift/Kotlin/Flutter)
- Реализация multipart upload для видео
- Настройка CDN и политик жизненного цикла
- Тестирование под нагрузкой
- Документация по эксплуатации
- Поддержка в течение 30 дней после сдачи
Сроки и стоимость
Типичный проект занимает от 1 до 3 недель в зависимости от сложности и стека. Мы оцениваем каждый проект индивидуально — свяжитесь с нами для консультации и получите предварительную оценку. Экономия на egress-трафике может составить до 90% при использовании Cloudflare R2, а снижение нагрузки на серверы — до 70% за счёт прямой загрузки.
Свяжитесь с нами, чтобы обсудить ваш проект и получить консультацию. Опыт нашей команды — более 5 лет разработки мобильных приложений и 50+ успешных интеграций облачных хранилищ. Мы гарантируем надёжность и безопасность ваших медиаданных.







