Как спарсить данные с сайта, который работает на react?

Question

[Devid]

Есть такой сайт https://csgomagic.com/
Если нажать на кнопку "CHOOSE SKIN" - joxi.net/82QOwdMS1Nqd4r появляется список скинов, который нужно спарсить.
До этого я работал с сайтами в которых при клике отправлялся запрос к api. Так было намного проще.
А в этом случае я впервые столкнулся с React и без понятия как получить эти данные.
Помогите, пожалуйста, или хотябы подскажите куда копать.

Answer 1

[Максим Федоров]

Это вебсокеты:

Comments

[Devid]

Максим Федоров к сожалению, нет никаких запросов к апи. В инспекторе ничего нет и еще я использовал вот это https://chrome.google.com/webstore/detail/web-snif...
тоже никаких результатов

[Максим Федоров]

Devid, мда, посмотрел иправда нет запросов,
походу сокеты

[Devid]

Максим Федоров, тоже нет. На сокетах там только чат и еще что то работает.
Я установил React Developer Tools в хром и увидел что если нажать на ту кнопку, то можно отыскать нужные данные в этом расширении.
Но как их получить я без понятия

[vaskadogana]

Devid есть такая штука react developer tools, плагин для отладки react компонентов
типа inspect элемента, появляется в консоле после установки.
Так вот, почти у каждого компонентов есть свой state и props
99% что нужная вам инфа хранится в state или props
ну это как бы направление... , потом через js можно будет вытащить эти state и пропс

[Максим Федоров]

Devid, понял, тогда сори

[vaskadogana]

Devid p.s. скорее всего они там лежат уже в виде красивого массива

[Devid]

vaskadogana, да да. Вот с помощью этого плагина я и нашел нужные данные. Только вопрос в том что я не шарю как работает React и соответственно не знаю как получить данные

[Devid]

vaskadogana, да. Там нормальный массив. Остолось только его как то получить

[vaskadogana]

Devid,
считайте что это js, в консоле window.$r и поищите по пропсу нужный компонент с массивом

[Devid]

vaskadogana, тоже уже так пробовал делать. Но для того чтобы этот массив появился нужно на кнопку нажать... Можно с помощью js на кнопку нажать. И поискать. Спасибо за подсказку. Сейчас попробую

[vaskadogana]

Devid, если найдете компонент, то можете вызвать функцию которая отвечает за запрос, типа как эмулятор клика.

в инспект элемента который react dev tools нажимаете на компонент
в итоге у вас в window.$r будет этот компонент
пишите массив в переменную, из переменной делает файл

[vaskadogana]

Devid p.s. вызвать запрос можно примерно так window.$r.props.getTrack()

[Devid]

Максим Федоров, это все таки сокеты)
socket.io используется
Теперь остается как то получить информацию которая через сокеты передается