반응형


요즘 인스타그램 아이디 연동은 거의 당연시되는 분위기라
종종 이미지 가져오기를 하고있는데

오랜만에 들어가보니 인스타 api가 많이 바뀌었더라
기존에 쓰던 코드가 작동은하는데
뭔가 안되는 경우가 생긴듯?

그래서 이것저것 찾아보다가
조금 바꿔서 사용했다

이 방식도 php 7 버전 이상에서
오류가 잠깐 나는것같긴하던데...

더 확인해봥야겠다

            $tagetedInstaUrl = 'https://www.instagram.com/s_zone___/';
            $data = file_get_contents($tagetedInstaUrl);

            if (preg_match('#_sharedData = (.*);</script#', $data, $m)) {
              $json = json_decode($m[1], 1);


              if(!$json) {die ("Can't decode json.");}
              $ppage = $json['entry_data']['ProfilePage'];
              $edges = $ppage[0]['graphql']['user']['edge_owner_to_timeline_media']['edges'];
                $cnt_ins = 0;
                foreach ($edges as $edge) {


                    $node = $edge['node'];
                    $image = $node['thumbnail_src'];
                    $shortcodeForEachPictureUrl = $node['shortcode'];
                    echo '<div class="insta_con col-12 col-sm-12 col-md-4 col-lg-4">';
                    echo '<a href="'.$tagetedInstaUrl.'p/'.$shortcodeForEachPictureUrl.'" target="_blank">';
                    echo '<img id="instagramFeed" src="'.$image.'">';
                    echo '</a>';
                    echo '</div>';

                    $cnt_ins++;
                    if($cnt_ins == 3) //3장만가져오자
                    {
                        break;
                    }

                  }
            }
728x90
반응형
반응형

스타일 --

.owl-nav{ text-align: center; font-size: 28px; margin: -30px; visibility: hidden; }

 

php 입력 --

add_stylesheet('', 0); $tagetedInstaUrl = 'https://www.instagram.com/hillsong/'; $data = file_get_contents($tagetedInstaUrl); if (preg_match('#_sharedData = (.*);</script#', $data, $m)) { $json = json_decode($m[1], 1); if(!$json) {die ("Can't decode json.");} $ppage = $json['entry_data']['ProfilePage']; $edges = $ppage[0]['graphql']['user']['edge_owner_to_timeline_media']['edges']; echo '

'; }

 

스크립트 입력 --

var owl = $('.owl-carousel'); $('.owl-carousel').owlCarousel({ margin:10, autoplay:true, loop:true, responsiveClass:true, responsive:{ 0:{ items:1, nav:true }, 600:{ items:3, nav:true }, 1000:{ items:5, nav:true } } }); owl.on('mousewheel', '.owl-stage', function (e) { if (e.deltaY>0) { owl.trigger('next.owl'); } else { owl.trigger('prev.owl'); } e.preventDefault(); });

 

 

인스타아이디만 있으면 가져온다

 

티스토리 줄바꿈 안되서가져오네..으 깔끔하게 어떻게 가져오나

728x90
반응형

'프로그래밍 > javascript' 카테고리의 다른 글

휠다운 메뉴상단 고정  (0) 2019.07.25
javascript tab  (0) 2019.07.25
엔터키로 form submit  (0) 2019.07.23
스크롤에 따라 div 숨김, 출력  (0) 2019.07.23
페이지 화면 상단이동 버튼  (0) 2019.07.23

+ Recent posts