반응형

보통 sns 게시물 가져오는 기능을 추가할때

인스타, 네이버블로그 정도를 많이들 가져온다

인스타야 워낙 종류도 많고 해서 적당히 처리되는데

이번에는 유튜브도 가져오고싶다고해서 귀찮았다

확실히 귀찮았음

유튜브api를 찾아보니

어우 너무복잡하더라

이것저것 메뉴얼보고 해봐도 잘안되고 인증받아야되고;

아무튼 이것저것하다보니

앱키와 채널아이디만으로 불러오는 코드가있었다

$api_key = ''; //my API key
$channel_id = ''; //my channel ID
$max_result = 6;

                            $url = 'https://www.googleapis.com/youtube/v3/search?order=date&part=snippet&channelId='.$channel_id.'&maxResults='.$max_result.'&key='.$api_key;
                            $video_list = json_decode(file_get_contents($url),TRUE);

                            //print_r($video_list);

                            foreach ($video_list['items'] as $item) {
                                if (isset($item['id']['videoId'])) {

                                    echo '<div class="swiper-slide"><a href="https://www.youtube.com/watch?v=' .$item['id']['videoId']. '" target="_blank"><img src="'. $item['snippet']['thumbnails']['default']['url'] .'" alt=""></a></div>';
                                } 
                            }

아니 들여쓰기가 왜 안되는겨
아무튼 이런식으로 하면 잘가져오더라
이렇게 간단한방식은 너무 좋지만
한번 패치나 보안업데이트때
오류발생한 경우가많아서 일단 임시방편으로 적용하자

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