administration

Programozói blog: mi történik a gamer.ru motorházteteje alatt

content auto translated from {from}

Rövid történelmi áttekintés

A gamer.ru weboldal már a harmadik (esetleg már a negyedik) teljes kódújraírásán megy keresztül. A projekt eredetileg Ruby-on-Rails nyelven készült el a távoli nullákban. Az architektúra monolitikus volt, ezért minden egyes felhasználói kérés hatalmas mennyiségű további adatbázis-lekérdezést és a lehetséges könyvtárak betöltését vonta magával. Ahhoz, hogy a weboldal napi 100 ezer látogatót el tudjon látni, öt erős szervert kellett bevonni, memcache-t és Redis-t kellett használni, és az adatbázisokat több szerverre kellett replikálni. Ez lehetővé tette, hogy valahogy 2018-ig kitartsunk, míg a cég pénzügyi problémákkal nem küzdött és a fejlesztőcsapat szétszéledt.

Körülbelül 2020 környékén a weboldal SSL-tanúsítványa lejárt. A frissítése lehetetlennek bizonyult, mivel a régi Ruby-on-Rails verzió a régi openssl verzióra támaszkodott, míg az új tanúsítványok frissebb verziót követeltek. Senki sem aggódott különösebben — a weboldal továbbra is működött valahogy. 2015 és 2025 között a látogatottság fokozatosan 100 ezer főről napi 1 ezerre csökkent. A rejtett blogokban és hozzászólásokban óriási mennyiségű spam jelent meg, és köztük nem éppen a legkellemesebb tartalmakkal. A Yandex teljesen elvesztette az érdeklődését irántunk, a webmester pedig tele volt kritikus hibák piros vásznaival.

Mit tettünk a helyreállítás érdekében

A weboldal komoly optimalizálásra szorult, mivel a régi architektúra már nem felelt meg a valóságnak. A rendszerben körülbelül 100 ezer poszt és 1,6 millió hozzászólás gyűlt össze, amelyeket gondosan át kellett vinni az új motorra. Úgy döntöttünk, hogy áttérünk a mikroszolgáltatás-alapú architektúrára, mind a backend, mind a frontend oldalán, miközben modern technológiákat is bevonunk, beleértve a divatos HTMLElement-eket is.

A projektet teljesen újra kellett írni NodeJS-re harmadik féltől származó könyvtárak használata nélkül, ami garantálja számunkra a nyugodt életet a következő 10-20 évre. Most már nem kell félnünk attól, hogy egy divatos könyvtár, mint az ExpressJS vagy a React, eltöri az egész weboldalt, és újabb nagyszabású refaktorálást igényel. Még a posztok vizuális szerkesztőjét is magunknak kellett megírni, mivel nem találtunk semmi kész megoldást, amely megfelelt volna szerény igényeinknek. Most a motor HTML-oldalakat renderel a régi eszközök és keresők számára, míg a felhasználóknak AJAX-on keresztül szolgálja fel a tartalmat.

A mai napig a weboldal sikeresen eltart egy átlagos terhelést, körülbelül 150 lekérdezéssel másodpercenként, miközben a forgalom jelentős részét keresőrobotok és más crawler-ek teszik ki. Különösen aktívan viselkednek a semrush és openai robotok, amelyek úgy viselkednek, mintha egy nap alatt megpróbálnák letölteni az egész weboldalt. Míg a Yandex lassan indexel minket, 1-2 lekérdezéssel másodpercenként, ezek a barátok nyugodtan kérhetnek 50-et is.

Azonban a motor annyira optimalizált, hogy ezt a robot-armadát egyetlen olcsó virtuális gép is könnyen kiszolgálja, amelynek havi költsége körülbelül 500 rubel.

Természetesen a weboldal időnként 502-es és 504-es hibákkal emlékeztet minket önmagára, amelyeket fokozatosan azonosítanak és kijavítanak. Néha kiderül, hogy valaki elfelejtette hozzáadni az indexet az adatbázishoz, néha túl bonyolult lekérdezéseket kell lebontani egyszerűbbekre, és néha a szerveren egyszerűen elfogy a hely. De nem adjuk fel — a munka folytatódik, és a folyamat, ahogyan mondani szokták, „ellenőrzés alatt van.”

post more button

1081

post actions

Hozzászólások

Yeah, dynamic import is definitely a cool feature of JS.
I hadn't worked with such a stack before and I was used to a pretty strict separation between back-end and front-end, so a more flexible approach is not obvious to me.
I had encountered this more as a theoretical concept and had not seen such solutions in real projects. It was especially interesting to see this in action on a real website. Thank you!

Yes, something like that ) This approach also allows using modules with the same exports on both the front and back ends.

Like this:
let { session, ajax, addViewRoute } = typeof window !== 'undefined'
? await import("../../shared/frontend.js")
: await import("../../shared/backend-server.js")

This allows you to use the same code in both the browser and the server. It is especially useful for templates and defining public routes.

Cool! It somewhat reminds me of Dapr from .NET, a very interesting and elegant solution. Am I correct in understanding that the business logic does not know where the module is physically located, and the transport is chosen at the abstraction level? If so, it turns out a custom RPC abstraction has been implemented with switching between local calls and http?

a self-written gateway, made in such a way that microservices can either be part of a monolith or can be run as standalone microservices. That is, any API method can either remain within the monolith or be extracted separately with a couple of lines of code. This helps save memory (since it is limited, and one process requires about 200-500 MB of RAM), but at the same time, allows for distributing the load across additional servers. There is a universal function ajax(method, path,...), which calls functions from neighboring modules; if the neighboring module is in the same domain, the function is called directly, and if in another, it is done through a network request with the user's session identifier being passed through... Everything turned out very well, and, just to be safe, for now, everything is still hanging in the monolith.)

Thank you for the detailed analysis. It is especially valuable that not only the solutions are described, but also the real limitations that had to be faced. Such things usually remain behind the scenes.

I am curious, if it's not a secret, what are you currently using as an API Gateway? What has proven convenient for routing, auth, and rate-limit in a microservices architecture?

We simplified the mechanics a bit, and it was decided to update the engine as soon as possible, albeit with minimal functionality, since the old engine had a lot of bugs that got us banned from search engines, causing our traffic to drop to zero. The correspondence has been saved, the governance will appear a bit later, and we will further develop gamification elements. Energy and experience were transferred from the old database. We have not yet decided what to do with the medals and statuses, and we will try to implement the friends/subscriptions functionality in the near future.

The course towards the revival of Gamer, of course, cannot fail to please, but where, may I ask, have the remaining little bonuses from the old times gone: the VIP status that allowed editing posts without spending energy, the medals that brought such pleasant nostalgia, messaging with friends, and the overall friends list? Where is my stewardship on the blog "The Witcher 3: Wild Hunt"? And where is my personal Wiedzminka status, once earned by reaching level 60? Oh right, and where are the levels themselves? I am not asking for the light bulb back, but it is very disappointing to lose the elements of gamification that the old Gamer was famous for.

Thank you.