Просто. Нужно задеплоить на Heroku репозитарий GitHub.
1. Заходите / регистрируетесь на https://heroku.com
2. Входите в сервис, соглашаетесь с правилами и открываете ссылку:
https://heroku.com/deploy?template=https%3A%2F%2Fgithub.com%...
Появится что-то вроде такого (фото):
3. Даёте название приложению и деплоите. Готово.
Пример для Пикабу:
https://pika-secret-ocean-49799.herokuapp.com/https://pastebin.com/raw/S3rjB3Sx
Чуть больше подробностей и техдеталей под катом.
I. Предисловие
Когда создаёшь небольшие приблуды, иногда сталкиваешься с проблемой ограничений на кросс-доменные запросы — различного рода Same-origin policy, Cross-origin domain sharing (или CORS).
Простыми словами: грузишь с другого сайта данные, а в браузер они не попадают из-за настроек чужого сервера:
Обход CORS может быть полезен для доступа к данным других сайтов из браузера по типу того, как это делают через интерфейс прикладного программирования (API).
Как пример — вывод данных с pastebin.com без CORS (что доступно штатными средствами лишь с платной подпиской, а мы реализуем бесплатно)!
Мимоходом, чтобы немножко заинтересовать, добавим в pastebin код и попробуем его запустить, обойдя CORS!
Понять, как запускать JavaScript код, если вы раньше никогда не программировали, можно по прошлой статье:
Пособие по запуску JavaScript: консоль, букмарклеты и прочее с примерами
II. Proxy-сервер, обходящий CORS
Раньше были удобные растиражированные бесплатные сервисы
https://cors.io/ или
https://cors-anywhere.herokuapp.com/corsdemo/Но их использовали слишком часто, популярность оказалась губительной: авторы, сохранив их код, отключили возможность ими пользоваться так же свободно, как прежде.
II.1. ПОДБОРКА ПОКА РАБОТАЮЩИХ ОНЛАЙН-СЕРВИСОВ:
Но есть менее популярные сервисы, которые пока работают:
https://scrappy-php.herokuapp.com/?url=
https://api.allorigins.win/raw?url=
https://cors-get-proxy.sirjosh.workers.dev/?url=
https://secret-ocean-49799.herokuapp.com/
https://cors.eu.org/
https://cors-proxy﮳tk/?url=
https://pika-secret-ocean-49799.herokuapp.com/
В конце приведённой ссылки подставьте свой URL, который нужно CORS-обойти.
Например,
https://pika-secret-ocean-49799.herokuapp.com/https://pastebin.com/raw/5Sm88arP
Но высока вероятность, что перечисленные сервисы станут популярными.
И вскорости прикажут долго жить.
III. Что делать, когда пропадут перечисленные сервисы?
III.1. ВАРИАНТ-1: ИСКАТЬ ЕЩЁ АНАЛОГИ
Ссылка-1: https://github.com/topics/cors-proxy
Ссылка-2: https://github.com/search?q=CORS%20proxy&type=Repositories
Листайте, открывайте каждый, ищите... Вам может повезти. И в readme внизу или в описании справа найдёте работающую демо-версию сервиса!
Предыдущий список мне удалось собрать именно так, листая GitHub!
III.2. ВАРИАНТ-2: САМОСТОЯТЕЛЬНО СОЗДАТЬ СЕРВИС
1. Бесплатно заведите аккаунт на
heroku.com
2. Подтвердите свою учётную запись по email, который придёт на почту.
3. Авторизуйтесь на heroku.com и согласитесь с правилами.
4. Откройте ссылку ниже:
https://heroku.com/deploy?template=https://github.com/messier31/cors-proxy-server.git
5. Введите название приложения и нажмите Deploy app.
Созданный специально для статьи https://pika-secret-ocean-49799.herokuapp.com тоже может исчезнуть. Запасайтесь своими!
ИТОГО, ПЕРЕАДРЕСАЦИЯ РАБОТАЕТ:
https://jsfiddle.net/apwv8hs7/
Текст и фото мои, можете свободно использовать — CC0.
