1

Создал простую страничку: http://time.graphics/embed?v=1&id=4

Теперь хочу создать виджет, чтобы можно было встроить на любой сайт:

<iframe width="600" height="400" 
        src="" http://time.graphics/embed?v=1&id=4
    frameborder="0" allowfullscreen></iframe>

Но не работает. На CodePen тоже не работает:

https://codepen.io/jenkaman/pen/MoQzNo

Как быть? В чем может быть проблема? Как правильно создать виджет? Спасибо.

10
  • 502 Bad Gateway
    – Visman
    30 июн 2017 в 13:20
  • Напрямую открывает.
    – Jenkamen
    30 июн 2017 в 13:22
  • Открывайте в браузере консоль и инспектор сети и смотрите, что вам там интересного пишут ;)
    – Visman
    30 июн 2017 в 13:24
  • Смотрел и ничего не увидел.
    – Jenkamen
    30 июн 2017 в 13:24
  • если загружаемый в iframe сайт находится не в одном домене с основной страницей, то скорее всего будет ошибка доступа к данным при попытке обратиться к ним 30 июн 2017 в 13:26

1 ответ 1

1

Если внимательно посмотреть в консоль, то можно увидеть, что фрейм пытается сделать https запрос, хоть у него в src и прописан http протокол. Попробуйте запустить его на http сайте (коими stackoverflow, codepen не являются), и вы увидите разницу.

Одно из решений здесь

введите сюда описание изображения

6
  • Т.е. мне надо сделать https доступ к странице? Покупать ssl и всё такое..
    – Jenkamen
    1 июл 2017 в 4:43
  • 1
    Если вы имеете доступ к time.graphics/embed?v=1&id=4, то просто поднять на нём https. Если не имеете, то поднять прокси-сервис, который будет принимать на вход http сайты и выдавать их содержимое в https. Сертификаты можно получить бесплатно, почитайте про letsencrypt.
    – vusaldev
    1 июл 2017 в 8:36
  • Спасибо за ответ. Как сделать прокси-сервер?
    – Jenkamen
    1 июл 2017 в 13:23
  • 1
    Спасибо. Перешел на https и всё заработало!
    – Jenkamen
    2 июл 2017 в 7:37
  • 1
    Отлично! Не забывайте вовремя продлевать сертификат.
    – vusaldev
    3 июл 2017 в 8:00

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.