Skip to content

парсер картинок на rust через leptos(wasm) + обход cors

Notifications You must be signed in to change notification settings

smir-ant/wasm_parser

Repository files navigation

Парсер изображений на rust из-под frontend

Проект реализован 03.07.2024


Моменты:

  1. в поле для ввода принимается поисковый запрос, поиск осуществляется на фотостоке unsplash.Остальные(среди нормально-популярных с нестрёмными фотками) сервисы выдают либо 404, либо 403.
  2. механизм мозайки примитивнейший: рандомно выбирается один из 4 классов(1x1, 2x1, 1x2 или 2x2) и кладётся в dom. так что нередко вы будете получать отверстия, можно починить если прикрутить Masonry, например, однако, честно говоря, западло
типичный пример выдачи с отверстиями

  1. для обхода траблов с CORS (wasm для получения html страницы порождает cors), использован Cors Anywhere (repo)

let url = format!("https://cors-anywhere.herokuapp.com/https://unsplash.com/s/photos/{}", url_value);

  1. т.к. тут для обхода cors используется cors-anywhere, то перед тем как юзать статический скрипт надо запрос им кинуть на демо сюда https://cors-anywhere.herokuapp.com/corsdemo

  2. github action (deploy.yaml) здесь нужен исключительно для автоматизации работы с github pages