Details

Данная работа посвящена разработке метода автоматизированного подбора оптимальных архитектурных подходов для фронтенд-приложений. Рассматриваются современные способы рендеринга, включая CSR, SSR, SSG, ISR, Streaming SSR и Partial Prerendering, а также особенности их применения в зависимости от требований проекта. В работе выполнен обзор существующих подходов к выбору архитектурных решений и методов многокритериального анализа, включая AHP, ANP, TOPSIS, SYSAS, FASSA. Выявлены ограничения существующих методов применительно к задаче выбора способа рендеринга фронтенд-приложения, связанные с недостаточной специализацией на критериях веб-разработки, таких как требования к SEO и индексируемости, скорость первого отображения контента, требования к актуальности данных, нагрузка на сервер и стоимость инфраструктуры, требования к интерактивности сразу после загрузки, размер клиентского JavaScript и стоимость гидратации, масштаб сайта по числу страниц, а также время сборки и операционная сложность публикации. По результатам анализа предложен собственный метод выбора архитектуры фронтенд-приложения, основанный на формализации характеристик проекта, сопоставлении этих характеристик с альтернативными стратегиями рендеринга и вычислении степени их применимости. Разработанный метод реализован в виде программного средства, предназначенного для поддержки принятия архитектурных решений. В работе описаны структура разработанного программного средства, логика его функционирования, состав входных и выходных параметров, а также особенности реализации механизма рекомендаций. Программное средство позволяет задавать характеристики проекта, выполнять оценку альтернативных способов рендеринга и формировать итоговую рекомендацию по выбору наиболее подходящего архитектурного подхода. Практическая значимость работы состоит в снижении субъективности при выборе стратегии рендеринга, повышении обоснованности архитектурных решений и возможности использования разработанного метода в задачах проектирования фронтенд-приложений. Полученный результат может быть использован как основа для дальнейшего развития интеллектуальных средств поддержки архитектурного выбора в веб-разработке.

This work is devoted to the development of a method for the automated selection of optimal architectural approaches for frontend applications. Modern rendering methods are considered, including CSR, SSR, SSG, ISR, Streaming SSR and Partial Rendering, as well as the specifics of their application depending on the requirements of the project. The paper provides an overview of existing approaches to the choice of architectural solutions and methods of multicriteria analysis, including AHP, ANP, TOPSIS, SYSAS, FASSA. The limitations of existing methods have been identified in relation to the task of choosing a rendering method for a frontend application related to insufficient specialization in web development criteria, such as SEO and indexability requirements, speed of the first content display, data relevance requirements, server load and infrastructure cost, interactivity requirements immediately after loading, the size of client JavaScript and the cost of hydration, the scale of the site in terms of the number of pages, as well as the build time and operational complexity of the publication. Based on the results of the analysis, a proprietary method for selecting the architecture of a frontend application is proposed, based on formalizing the characteristics of the project, comparing these characteristics with alternative rendering strategies and calculating the degree of their applicability. The developed method is implemented as a software tool designed to support architectural decision-making. The paper describes the structure of the developed software, the logic of its functioning, the composition of input and output parameters, as well as the features of the implementation of the recommendation mechanism. The software tool allows you to set project characteristics, evaluate alternative rendering methods, and form a final recommendation on choosing the most appropriate architectural approach. The practical significance of the work is to reduce subjectivity when choosing a rendering strategy, increase the validity of architectural solutions and the possibility of using the developed method in front-end application design tasks. The result obtained can be used as a basis for further development of intelligent tools to support architectural choice in web development.