Модель взаимодействия с сервером?

Question

[rakro]

Есть некая сущность - например "Задача". На бэкенте есть функция(назову ее get_json), которая возвращает json(достаточно сложная структура), из которого эта сущность будет рендерится angular'ом. Над этой сущностью можно провести много различных действий, при выполнении которых сущность может сильно измениться, а следственно и ее отображение. Идея сделать так - на каждое действие над сущностью(ng-click) будет делаться запрос на http api(через сервис $http). На бэкенде будут происходить определенные операции. В ответе будет одним из полей будет результат функции get_json, которая вернет json по уже измененной сущности. Дальше я просто заменяю весь объект в $scope, который сейчас отрендерен, на новый, который пришел в ответе. Нормальная такая модель взаимодействия с сервером или это наркомания?

Comments

[Сергей Протько]

Если у вас возникает такой вопрос - значит вы подозреваете что это наркомания.

[rakro]

Сергей Протько: Подозреваю. Но не понимаю почему это плохо и чем плохим мне это грозит. Поэтому и вопрос задал.

Answer 1

[Сергей Протько]

Почитайте про Event Sourcing и Redux. Эти подходы подразумевают именно то что вы хотите. И да, с angular все это прекрасно дружит.

Коротко - по ngClick мы генерим действие, отправляем его на сервак и применяем действие к структурке на клиенте (оптимистичный апдейт). Ну и т.д. периодически синхронизируя все это дело.

p.s. не используйте $scope, никогда (точнее 10 раз подумайте можно ли без него обойтись).

Comments

[rakro]

Чем плох $scope, если я не буду писать конструкции типа ng-click="name='qwerty'"?

[Сергей Протько]

rakro: вы не будете писать, кто-то другой будет. Ну и да, видя $scope иногда можно соблазниться греховными $watch или вообще начать пользоваться внутренними $emit/$on/$broadcast не по назначению.

Ну и да, если использовать ES6 то все становится куда проще:

class MyComponentController {
   constructor(myService){ 
      this.myService = myService;
   }
   onSomethingClicked() {
       this.myService.doStuff();
   }
}

и в таком ключе уже не оч удобно использовать $scope.

в целом же стоит соблюдать angular-styleguide. https://github.com/johnpapa/angular-styleguide#sty...

[rakro]

Сергей Протько: спасибо за стайлгайд

Answer 2

[Родион Шергин]

Как я понял вам нужно сохранять состояние клиентского приложения на сервере, при любых действиях пользователя, чтобы потом это состояние восстановить например при обновлении страницы?
Мне кажется лучше изменения над сущностью делать на клиенте, и периодически скидывать её на сервер. Такие обновления можно делать через _.debounce, т.е. накапливать изменения в состоянии за определенное время а потом сохранять его на сервере. Если пользователь будет беспорядочно тыкать во все подряд, то каждый раз дергать сервер не оптимально, лучше дернуть один раз когда он успокоится.