Проблемы при загрузке выходного архива бандла приложения на серверы VK

[TemaSM]

Версия vk-miniapps-deploy: 0.0.3
Фронт: Vue CLI 4.0.4 / React 16.10.2 (@vkontakte/[email protected])
Nodejs: v10.16.3 (LTS), npm: 6.12.0
OS: Windows 10 Pro 64-bit (10.0, Build 18362) (18362.19h1_release.190318-1202)

---

Описание проблемы (1) - Vue

Выполняем сборку проекта, запускаем npx vk-miniapps-deploy, проходим все этапы OAuth.
На моменте загрузки архива (73,3 МБ) на серверы VK вылетает ошибка:

Upload error: {
  error: 'ERR_UNKNOWN: save bundle result "0"docs_upload_arch_fail',
  bwact: 'app_bundle',
  server: 815023,
  _sig: 'd4e8d352ac9546485f0964e37adf191d'
}

В проекте на React, архив бандла весом в 73,3 МБ (и даже более) проходит успешно.
(возможно проблема с кириллицей в названиях некоторых файлов)

Структура бандла на React:

 ├── asset-manifest.json
 ├─> img
 │   ├── 1.jpg
 │   ├── 10.jpg
 │   ├── 11.jpg
 │   ├── 2.jpg
 │   ├── 3.jpg
 │   ├── 4.jpg
 │   ├── 5.jpg
 │   ├── 6.jpg
 │   ├── 7.jpg
 │   ├── 8.jpg
 │   ├── 9.jpg
 │   └── sasha_avatar.png
 ├── index.html
 ├── precache-manifest.cddd573993a8273e60fe5510ba6983bd.js
 ├── result.txt
 ├── service-worker.js
 └─> static
     ├─> css
     │   ├── 2.312c3514.chunk.css
     │   ├── 2.312c3514.chunk.css.map
     │   ├── main.cf9bc42f.chunk.css
     │   └── main.cf9bc42f.chunk.css.map
     ├─> js
     │   ├── 2.e4a22f9f.chunk.js
     │   ├── 2.e4a22f9f.chunk.js.map
     │   ├── main.b4d6d1c5.chunk.js
     │   ├── main.b4d6d1c5.chunk.js.map
     │   ├── runtime-main.eb2f10ac.js
     │   └── runtime-main.eb2f10ac.js.map
     └─> media
         ├── arrow_right.93fc1b3d.svg
         ├── avatar.462a8285.svg
         ├── back.b9e9e80b.svg
         ├── back_white.bc600982.svg
         ├── calendar.23ba17b3.svg
         ├── calendar.53f70bc4.svg
         ├── calendar_icon.aac31d35.svg
         ├── camera.5fcd85cc.svg
         ├── camera.ecd67389.svg
         ├── contacts_active.387c70a6.svg
         ├── contacts_active.adb02154.svg
         ├── contacts_passive.f61b25d4.svg
         ├── contacts_passive.f91ae9f9.svg
         ├── dismiss.95575346.svg
         ├── example.51422c5c.png
         ├── example_photo.3fa731b8.png
         ├── example_recent.8ad8cf2f.png
         ├── favorite_active.0feec15f.svg
         ├── favorite_passive.dabf90dc.svg
         ├── get_call.48df11aa.svg
         ├── green_call.145fddd5.svg
         ├── img_call.635a123b.png
         ├── info_icon.ece9523e.svg
         ├── input.cb07313f.svg
         ├── lock_back.98f34c60.png
         ├── lock_icon.93d95eee.svg
         ├── main_back.523fd827.png
         ├── messages.5dc6ab86.svg
         ├── micro.d66a9908.svg
         ├── news_load.05adfac4.svg
         ├── news_passive.4be27465.svg
         ├── persik.4e1ec840.png
         ├── phone.94fe4121.svg
         ├── photos.7c32a040.svg
         ├── photos_passive.07ef436c.svg
         ├── photo_icon.7baf031a.svg
         ├── play.99aba31b.svg
         ├── plus.f67fcc03.svg
         ├── reader_icon.b49b4936.svg
         ├── reader_passive.f832a9c1.svg
         ├── recent_active.80fa4486.svg
         ├── recent_passive.b01dd9e9.svg
         ├── share.c75eb278.svg
         ├── unread.2b756e29.svg
         ├── videos_active.bfec0bc2.svg
         ├── videos_passive.54e15121.svg
         ├── video_icon.044ebdf7.svg
         ├── widget_back.1eb5d66b.png
         └── write_message.1e946cf6.svg

Структура бандла на Vue:

 ├─> css
 │   ├── app.bb984228.css
 │   ├── app.bb984228.css.map
 │   ├── chunk-vendors.a0d1ab43.css
 │   ├── chunk-vendors.a0d1ab43.css.map
 │   ├── chunk-vendors.c92a4817.css
 │   └── chunk-vendors.c92a4817.css.map
 ├── favicon.ico
 ├─> img
 │   ├── 1.075e305f.jpg
 │   ├── 10.7374e891.jpg
 │   ├── 11.7e410cbb.jpg
 │   ├── 2.d85acf91.jpg
 │   ├── 3.73600393.jpg
 │   ├── 4.92dbaa8f.jpg
 │   ├── 5.5511935a.jpg
 │   ├── 6.8002bcbf.jpg
 │   ├── 7.26d027d6.jpg
 │   ├── 8.c551f3bb.jpg
 │   ├── 9.2dd3ed58.jpg
 │   ├── bg_desktop.68504dc8.jpg
 │   ├── bg_homescreen.c8f9d6ea.jpg
 │   ├── bg_lockscreen.e945e0c0.jpg
 │   ├── bg_mainscreen.96bae8c9.jpg
 │   ├── calendar.bfe4ef47.svg
 │   ├── error.19ee6b7e.svg
 │   ├─> icons
 │   │   ├── android-chrome-192x192.png
 │   │   ├── android-chrome-512x512.png
 │   │   ├── apple-touch-icon-120x120.png
 │   │   ├── apple-touch-icon-152x152.png
 │   │   ├── apple-touch-icon-180x180.png
 │   │   ├── apple-touch-icon-60x60.png
 │   │   ├── apple-touch-icon-76x76.png
 │   │   ├── apple-touch-icon.png
 │   │   ├── favicon-16x16.png
 │   │   ├── favicon-32x32.png
 │   │   ├── msapplication-icon-144x144.png
 │   │   ├── mstile-150x150.png
 │   │   └── safari-pinned-tab.svg
 │   ├── icon_arrow_left_bw.b9e9e80b.svg
 │   ├── icon_arrow_left_bw_white.bc600982.svg
 │   ├── icon_calendar.fbe87585.svg
 │   ├── icon_camera.e29ca232.svg
 │   ├── icon_camera_bw.5fcd85cc.svg
 │   ├── icon_camera_bw_white.1f477b06.svg
 │   ├── icon_camera_shot.a092a05d.svg
 │   ├── icon_contacts.cdebad77.svg
 │   ├── icon_lock.93d95eee.svg
 │   ├── icon_mic_bw.d66a9908.svg
 │   ├── icon_music.80b31da2.svg
 │   ├── icon_news.406e02bb.svg
 │   ├── icon_phone.94fe4121.svg
 │   ├── icon_photos.af01eed9.svg
 │   ├── icon_photo_bw.7baf031a.svg
 │   ├── icon_plus_bw.f67fcc03.svg
 │   ├── icon_reader.81d625c3.svg
 │   ├── icon_share_white.00052198.svg
 │   ├── icon_sms.5dc6ab86.svg
 │   ├── icon_videocall_bw.044ebdf7.svg
 │   ├── icon_videos.a209a1d0.svg
 │   ├── icon_videos_bw.94d7cfde.svg
 │   ├── LeftArrow.cc1dbbd7.svg
 │   ├── MyBook.9ac7332b.svg
 │   ├── MyCitation.5a98a73b.svg
 │   ├── petrov.e159655c.png
 │   ├── play-pause.21dfa314.svg
 │   ├── ReaderIconFromScreen.b49b4936.svg
 │   ├── Shelves.0b968173.png
 │   ├── ShelvesBook.9623490a.png
 │   ├── v1_poster.7b177918.png
 │   ├── v2_poster.4aa28ede.png
 │   ├── v3_poster.f0dfb339.png
 │   └── video-play.9b737958.svg
 ├── index.html
 ├─> js
 │   ├── app-legacy.b19aa7f2.js
 │   ├── app-legacy.b19aa7f2.js.map
 │   ├── app.52dd207c.js
 │   ├── app.52dd207c.js.map
 │   ├── chunk-vendors-legacy.d356d93c.js
 │   ├── chunk-vendors-legacy.d356d93c.js.map
 │   ├── chunk-vendors.c193ba8e.js
 │   └── chunk-vendors.c193ba8e.js.map
 ├── manifest.json
 ├─> media
 │   ├── IMG_7836.5802275a.mp4
 │   ├── iphone_unlock.50de03fc.mp3
 │   ├── P2711345.ba12d835.mp4
 │   ├── trailer.b14df58f.mp4
 │   └── звонок.94b00a16.mp4
 ├── precache-manifest.229811ba458a30f418793dd0db1536b1.js
 ├── precache-manifest.b4abc8c37156626a43d63f7ecfae4203.js
 ├── robots.txt
 └── service-worker.js

---

Описание проблемы (2) - Vue/React/...

В случае если в бандле приложения есть .mp3 файл, при загрузке вылетает ошибка:

Upload error: {
  error: 'ERR_UNKNOWN: save bundle result "0"wrong_arch_mp3_file',
  bwact: 'app_bundle',
  server: 815023,
  _sig: '72bceb9899e0e5ed9c1546a089a600b7'
}

MediaInfo mp3 файла:

Общее
Полное имя                               : <ПУТЬ>\build\media\iphone_unlock.50de03fc.mp3
Формат                                   : MPEG Audio
Размер файла                             : 8,57 Кбайт
Продолжительность                        : 522 мс.
Режим общего битрейта                    : Постоянный
Общий поток                              : 128 Кбит/сек
Библиотека кодирования                   : LAME3.97 

Аудио
Формат                                   : MPEG Audio
Версия формата                           : Version 1
Профиль формата                          : Layer 3
Настройки формата                        : Joint stereo / MS Stereo
Продолжительность                        : 522 мс.
Вид битрейта                             : Постоянный
Битрейт                                  : 128 Кбит/сек
Каналы                                   : 2 канала
Частота                                  : 44,1 КГц
Частота кадров                           : 38,281 кадров/сек (1152 SPF)
Метод сжатия                             : С потерями
Размер потока                            : 8,16 Кбайт (95%)
Библиотека кодирования                   : LAME3.97 
Настройки программы                      : -m j -V 4 -q 3 -lowpass 17 -b 128

---

Описание проблемы (3) - Vue/React/...

В случае если в бандле приложения есть .mp4 файл, при загрузке вылетает ошибка:

Upload error: {
  error: 'ERR_UNKNOWN: file must be zip',
  bwact: 'app_bundle',
  server: 815023,
  _sig: 'a61026dc1cebf1dbaeb38aa3d55395f4'
}

MediaInfo mp4 файла:

Общее
Полное имя                               : <ПУТЬ>\build\media\trailer.b14df58f.mp4
Формат                                   : MPEG-4
Профиль формата                          : Base Media
Идентификатор кодека                     : isom (isom/iso2/avc1/mp41)
Размер файла                             : 15,0 Мбайт
Продолжительность                        : 19 с. 959 мс.
Общий поток                              : 6319 Кбит/сек
Дата кодирования                         : UTC 2019-09-12 13:07:42
Дата пометки                             : UTC 2019-09-12 13:07:42

Видео
Идентификатор                            : 1
Формат                                   : AVC
Формат/Информация                        : Advanced Video Codec
Профиль формата                          : [email protected]
Настройки формата                        : CABAC / 4 Ref Frames
Параметр CABAC формата                   : Да
Параметр RefFrames формата               : 4 кадра
Параметр GOP формата                     : M=1, N=13
Идентификатор кодека                     : avc1
Идентификатор кодека/Информация          : Advanced Video Coding
Продолжительность                        : 19 с. 959 мс.
Битрейт                                  : 6104 Кбит/сек
Ширина                                   : 1920 пикселей
Высота                                   : 1080 пикселей
Соотношение сторон                       : 16:9
Режим частоты кадров                     : Постоянный
Частота кадров                           : 24,000 кадра/сек
Стандарт вещания                         : Component
Цветовое пространство                    : YUV
Субдискретизация насыщенности            : 4:2:0
Битовая глубина                          : 8 бит
Тип развёртки                            : Прогрессивная
Бит/(Пиксели*Кадры)                      : 0.123
Размер потока                            : 14,6 Мбайт (97%)
Язык                                     : English
Дата кодирования                         : UTC 2019-09-12 13:07:42
Дата пометки                             : UTC 2019-09-12 13:07:42
Цветовой диапазон                        : Limited
Codec configuration box                  : avcC

Аудио
Идентификатор                            : 2
Формат                                   : AAC LC
Формат/Информация                        : Advanced Audio Codec Low Complexity
Идентификатор кодека                     : mp4a-40-2
Продолжительность                        : 19 с. 947 мс.
Вид битрейта                             : Постоянный
Битрейт                                  : 198 Кбит/сек
Каналы                                   : 2 канала
Channel layout                           : L R
Частота                                  : 48,0 КГц
Частота кадров                           : 46,875 кадров/сек (1024 SPF)
Метод сжатия                             : С потерями
Размер потока                            : 481 Кбайт (3%)
Язык                                     : English
Default                                  : Да
AlternateGroup/String                    : 1
Дата кодирования                         : UTC 2019-09-12 13:07:42
Дата пометки                             : UTC 2019-09-12 13:07:42

Прочее
Идентификатор                            : 3
Тип                                      : Time code
Формат                                   : QuickTime TC
Продолжительность                        : 19 с. 959 мс.
Временной код первого кадра              : 00:00:00:00
Временной код, чередующийся              : Да
Язык                                     : English
Default                                  : Нет
Дата кодирования                         : UTC 2019-09-12 13:07:42
Дата пометки                             : UTC 2019-09-12 13:07:42

---

Если ещё возникнут проблемы, отпишу сюда же

А пока просто словил: ERR_UPLOAD_FLOOD: too many requests. Please try again later., увеличьте лимит ребят 😃

[mainsmirnov]

Вроде же корректно отображается ошибка:
wrong_arch_mp3_file

[TemaSM]

Ошибка может быть и корректно отображается, но значит ли это то что в выходном бандле не может содержаться вообще никакого файла с расширением или mime типом mp3?

[mainsmirnov]

Будем отдавать ошибку более четко, ничего стороннего добавлять нельзя

[TemaSM]

А что именно стороннее запрещено?
Например если в приложении требуется использовать звуки (wav, mp3, ogg) как реакцию на действия внутри интерфейса, то подобные ограничения будут препятствовать реализации такого UX.
Собственно хотелось бы увидеть в README раздел того что можно и что запрещено.
А ещё было бы неплохо сделать там же таблицу под спойлером, или отдельную страницу на Wiki, с кодами ошибок и их описаниями.

[mainsmirnov]

Учтем, спасибо

[danyarubtsov]

Гружу обычный звук mp3 (длительность 3 секунды) - ловлю wrong_arch_mp3_file.

[vbirukov]

у меня сейчас такая же ошибка. Так понимаю в правилах загрузки сторонних файлов ничего не поменялось?

[painkkiller]

Такая же ошибка wrong_arch_mp3_file. MP3 файлы нужны принципиально. Подписываюсь чтобы узнавать новости.

[mainsmirnov]

Пока менять правила загрузки не планируем

[wcysitp]

кто-нибудь разобрался с проблемой? как в итоге добавлять звук в игру, если все форматы звуковых файлов запрещены и их загружать нельзя? может есть какое-то решение все-таки?

[nshvyryaev]

Добрый день!

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

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

[Mishgan]

Добрый день!
Подскажите пожалуйста, я правильно понимаю, что у вас в принципе запрет на хостинг игр с аудио (звуками\музыкой)? Просто звуки - это неотъемлемый атрибут практически каждой игры...

Ну и в частности, многие HTML игры сейчас делаются на таком движке, как Cocos Creator, в котором своя система упаковки ресурсов и звуков в частности, и разработчикам крайне неудобно будет выносить звуки на сторонний хостинг...

Снятие данного ограничения очень бы помогло разработчикам.