Как типизировать multipart/form-data?

Question

[J. Snow]

Привет всем!

Имею клиент-серверное приложение написанное на TypeScript+Kotlin.
В одном месте на клиенте собираю необходимые данные в виде multipart/form-data и передаю их на сервер.

Вопрос:
Как не хардкодить ключи (названия элементов multipart) и сделать всё типобезопасно?

Сейчас всё выглядит примерно так:

const formData = new FormData()
formData.append("name", "John")
formData.append("surname", "Snow")
formData.append("photo", blob)
axios.post("/backend/api", formData)

multipart.forEachPart { part ->
    when (part) {
        is PartData.FormItem -> {
            when (part.name) {
                "user" -> {}
                "surname" -> {}
            }
        }
        is PartData.FileItem -> {}
    }
}

Хардкод как на клиенте, так и на бэкенде.
Как исправить?

Comments

[Антон]

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

[Andrew]

А вы просто сабмитить форму пробовали? и смотреть че(типы и данные) приходит на сервере. Непонятно зачем вы новую "формДату" создаёте на лету? Или это имитация? Если без формы - то гл&хф с написанием каждого ключа.

[J. Snow]

Антон, Andrew, у меня нет формы как таковой. Данные собираются из разных мест.
Но даже если бы была. Вопрос остаётся как минимум для бэкенда. Там всё ещё хардкод.

[Andrew]

J. Snow, всмсле? там модели нет?

[J. Snow]

Andrew, в моделе хардкод. Я же привёл кусок кода.

[Andrew]

J. Snow, сочувствую. Вы ведь знаете ответ на вопрос?)
Переписать всё.
Фронту сделать интерфейс форме и раскидать поля,
Бэку - нормальную модель и раскидать у себя.

[J. Snow]

Andrew, можно конкретнее?
Что значит нормальную модель? Как можно не хардкодить названия ключей в multipart?
Как сделать интерфейс форме на фронте?

[Andrew]

J. Snow, я не знаю как это делается в котлине, вы делаете модель со всеми нужными полями, их тип - название, для формы - интерфейс(interface-обьект с типами), который привяжет форму к этим типам, далее в форме прописываете эти поля, с name=имени в модели и при сабмите у вас они же уходят в бэк модель, далее делаете с ними что нужно

Answer 1

[Alex Wells]

Опишите ДТОшку (тупо класс с филдами) и сериализуйте на фронте, десериализуйте (мапьте) на бэке.

На бэке может выглядеть как:

data class SomeRequestDTO(val name: String, val surname: String, val photo: Photo)

и какой-нить маппер, который автоматически это все замапит куда нужно.