Каков наиболее эффективный способ встраивания нескольких фотографий Instagram?

Question

Я пытаюсь вставить около 20 фотографий Instagram на моем сайте. Фотографии различны для каждой страницы, и я получаю все URLs Instagram в массиве PHP в этом формате

https://instagram.com/p/xxxxxxxxxx/media/?size=m 

я в настоящее время только с помощью цикла Еогеаспа и встраивая их как этот

<img src="https://instagram.com/p/xxxxxxxxxx/media/?size=m"> 
<img src="https://instagram.com/p/xxxxxxxxxy/media/?size=m"> 
<img src="https://instagram.com/p/xxxxxxxxxz/media/?size=m"> 

I думал, что это не самый эффективный метод из-за того, что каждое изображение src должно перенаправляться на фактический источник.

Единственный метод, который я нашел, был это URL

https://api.instagram.com/oembed/?url=https://instagram.com/p/xxxxxxxxxx/media/?size=m 

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

---

Есть ли какой-то способ, которым я мог бы преобразовать https://instagram.com/p/xxxxxxxxxx/media/?size=m URL в прямой URL изображения без десятков серверов вызовов?

Answer 1

Единственный способ получить прямую ссылку на изображение - это сделать вызов API.

Если вы получаете эти изображения через API, вы просто должны проверить узел изображения ответа, например:

"images": { 
     "low_resolution": { 
      "url": "http://distillery.s3.amazonaws.com/media/2010/07/16/4de37e03aa4b4372843a7eb33fa41cad_6.jpg", 
      "width": 306, 
      "height": 306 
     }, 
     "thumbnail": { 
      "url": "http://distillery.s3.amazonaws.com/media/2010/07/16/4de37e03aa4b4372843a7eb33fa41cad_5.jpg", 
      "width": 150, 
      "height": 150 
     }, 
     "standard_resolution": { 
      "url": "http://distillery.s3.amazonaws.com/media/2010/07/16/4de37e03aa4b4372843a7eb33fa41cad_7.jpg", 
      "width": 612, 
      "height": 612 
     } 
    }, 

Более подробную информацию о реакции API можно найти здесь: https://instagram.com/developer/endpoints/media/

Если у вас нет изображений через API, то способ, которым вы их внедряете, - это лучший способ, и вам не следует заботиться о проблемах с производительностью, это будет хорошо :)

Answer 2

Instagram API предоставляет только один пост или фото для встраивания на ваш сайт. Вам необходимо использовать сторонние инструменты для встраивания нескольких фотографий Instagram. Есть много сторонних инструментов, но я настоятельно рекомендую использовать SnapWidget .