ASP.NET Core 2.0 Бритви проти кутових / Реагувати / тощо

Ми з моєю командою отримали фінансування, щоб розпочати розробку веб-додатків на рівні підприємства (не будемо деталізувати, що це робить). У додатку буде багато окремих веб-сторінок, але дві з цих сторінок більш цілеспрямовані та дуже важкі - важкі, як і в умовах багато взаємодії з користувачами, модалі, які відображають масові дані, підключення до веб-сокетів, чат тощо.

Мене призначили головним архітектором проекту, тому я займаюся деякими дослідженнями останніх веб-рамок. Для заднього кінця ми провели кілька тестувань і вирішили перейти з платформою Azure SQL. Поки що мені подобаються вдосконалення, які були внесені та які вносяться до ASP.NET із Core 2.0. Зокрема двигун Razor, порівняно з попередніми версіями ASP.NET MVC.

Я хотів отримати декілька експертних висновків щодо "нового" Бритва проти Кутового / Реагування тощо. Я особливо більше переймаюся продуктивністю. Як Core 2.0 Razor підтримує рамки візуалізації на стороні клієнта? Чи різниці незначні? Наш додаток орієнтовано на потенційних 1 000 000 користувачів (приблизно 100 000 одночасно).

Спасибі заздалегідь!

Ми закінчилися з кутовим фронтальним процесом та ASP.NET Core API, використовуючи Azure SQL. Ми протестували Core Razor, і, хоча краще, ніж старі Razor, Angular виявився нам набагато швидшим. Що стосується досвіду користувачів, Angular (або React) набагато перевершує з точки зору продуктивності. Аспекти кутового зв’язування моделі ми виявили гігантською перевагою серверного візуалізації. Однак, використовуючи Razor (або загальну візуалізацію на сервері взагалі), все-таки надається краща загальна цілісність, що стосується даних, і це сприяє кращому переходу даних з переднього на задній. Існує справжній розрив між фронтальним фреймворком та API. Усі дані, передані на сервер, повинні бути введені в набрані об'єкти - це означає, що вам потрібно керувати двома окремими наборами моделей POCO. Це може спричинити проблеми, якщо об’єкти сервера та об'єкти, що перебувають на передньому рівні, не вирівнюються. Наразі Entity Framework Core не дуже зрілий, тому у нас виникають проблеми з оновленням об'єктів, запитами об'єктів, включаючи дочірні об’єкти тощо.

Загалом ця налаштування для нас до цього часу чудово спрацювала! Я думаю, що React буде подібною заміною Angular, якщо вам це зручніше. Мені довелося вивчити Angular, який був дуже легким переходом, і я це зараз люблю!

Використовуючи Angular / React з API на стороні сервера:

• ви виключаєте процес генерації HTML на стороні сервера і заощаджуєте процесор
• api виробляє невелику корисну навантаження (json), а Razor (html) курсу буде набагато більшим за розміром, постійним перезавантаженням повних сторінок та зворотним переїздом. тому api та spa економлять пропускну здатність
• api та spa можуть мати різні варіанти версій, масштабування та розгортання
• Використовуючи api, ви також можете підтримувати мобільний додаток, і якщо ви почнете роботу з Razor, можливо, в майбутньому api може знадобитися

Але використовуючи Angular / React, ви повинні турбуватися про клієнтів:

• клієнт повинен включити JavaScript
• клієнт повинен мати сучасні браузери
• клієнт повинен мати достатньо потужне обладнання
• SEO

У мене немає орієнтирів. Але, у мене є кілька проектів, що працюють на JQuery, Razor, .NET MVC (C #), AJAX. Не в масштабі, з яким ти вирішуєшся.

Порада. Обов’язково продумайте справи та дотримуйтесь найкращих практик. Щоб зберегти речей речі, не забудьте розбити контролери, погляди, моделювати на менші та значущі групи. Коли я почав, я помилився, вклавши все в один контролер Home, і в топі перегляду в загальній папці. Спочатку було добре, але коли почалося повзування, стало безлад і важко повернутися назад і переробити дизайн.

Я також використовую Linq2SQL. Я помилився, створивши моделі для всього, а потім зрозумів, що можу просто повернути набір результатів із моїх запитів як модель. дух.

Якщо ви переходите на .NET MVC і піклуєтесь про продуктивність, це такі речі, на які я натрапив:

НЕ повертайте часткові представлення, які створюють великі блоки HTML! Не забудьте все звести до мінімуму. Позбавтеся від усього білого простору. Використовуйте менші імена ідентифікаторів. Знайдіть час, щоб створити максимально легкий html. Поверніть JSON і запропонуйте клієнту виконати деяку роботу.

Будьте уважні до того, як розробляєте свій CSS. Не використовуйте купу стилів вбудованих файлів, знайдіть час, щоб включити у файли CSS, які згодом ви можете мінімізувати.

Те саме стосується і вашого клієнта JS. Заманливо розміщувати СВ всередині часткових поглядів. Будьте організовані.

Візуалізація на IE - жахлива. Особливо, якщо зображень багато. Обов’язково стискайте зображення максимально, не втрачаючи при цьому якості.