질문/조언팁/리소스 공유

인스타그램 feed 위젯

 

사용 자바스크립트 라이브러리 : https://github.com/jsanahuja/InstagramFeed

MIT

 

 

인스타그램 API를 사용하지 않습니다.

 

위젯에서는 자바스크립트를 호출하는 역할만 합니다.

 

따로 업데이트는 없습니다.

 

질문 받지않습니다.

 

 

 

InstaFeed.7z

 

 

1111111111111.png

Atachment
첨부

글쓴이 natura

profile
취미로 개발하는 사람입니다.
  • profile
    잘 사용하겠습니다.
    꼭! 필요한 기능만 있어 정말 좋네요.
    감사합니다.
  • profile
    저는 이 글도 기억하고 있습니다요.
    https://xetown.com/tips/638385
    감사합니다~!
  • profile profile
    ?__a 피라미터 추가하는 방법으로는 유저 피드리스트를 더 이상 가져올 수 없습니다.

    그리고 저런 api들을 이용할려면 그냥 클라측에서 나눠서 로딩시켜주면 되겟지 하고 개발하시는 경우가 많은데 클라측에서 자주 방문하는 사람들 기준에서는 api서버가 리밋 걸리기 딱 좋습니다.

    잘 알아보시고 써야 하는 부분이라는...
  • profile profile
    네, 그 당시에도 얼마 안 가 닫힐 걸 생각을 하면서 써먹었던 기억이 있어요.
  • profile profile
    다른 분은 위젯만 설치하고 바로 작동 된다고 하는데 저는 이미지들이 모두 깨지고 콘솔 에러가 이렇게 뜨는데 혹시 이유가 뭘까요? InstagramFeed.min.js?20210421131157:1 Instagram Feed: 'display_biography' is not available unless you are loading an user ('username' parameter)
    (anonymous) @ InstagramFeed.min.js?20210421131157:1
    (anonymous) @ page_PINk16:78
    (anonymous) @ page_PINk16:94
    page_PINk16:187 GET https://scontent-sea1-1.cdninstagram.com/v/t51.2885-15/e35/s150x150/163980309_122461783177327_3155589863959159805_n.jpg?tp=1&_nc_ht=scontent-sea1-1.cdninstagram.com&_nc_cat=107&_nc_ohc=Zg_vsuHEYRgAX_UOjts&edm=ABZsPhsBAAAA&ccb=7-4&oh=c2c21d79723272326e364e11178bde83&oe=60A343B2&_nc_sid=4efc9f net::ERR_BLOCKED_BY_RESPONSE
    page_PINk16:187 GET https://scontent-sea1-1.cdninstagram.com/v/t51.2885-15/sh0.08/e35/s640x640/175575696_1104084886751948_3172490112764838599_n.jpg?tp=1&_nc_ht=scontent-sea1-1.cdninstagram.com&_nc_cat=108&_nc_ohc=UBLaLDm5VX4AX-lNg5E&edm=ABZsPhsBAAAA&ccb=7-4&oh=e78a80c3940218ebd3d486e9c302e257&oe=60A36C0B&_nc_sid=4efc9f net::ERR_BLOCKED_BY_RESPONSE
  • profile profile
    설정을 어떻게 시도하셨을까요?
    그나저나 저도 다운만 받았지 사용을 안 해봐서 잘 몰라요ㅜ
    문구만 봐선 username이 있어야 display_biography를 사용할 수 있다는 것 같은데요?
    뭔가 설정을 빼먹거나 해서 필요한 변수끼리 서로 합이 안 맞은 것 같아요.

    그리고 저한테 대댓글 다시면 natura님한테 알림이 안 가는데, 아, 질문을 안 받겠다고 하셨으니...
  • profile profile

    설명이 부실했는데
    태그조건으로 사용했을땐 프로필 설명을 사용안함으로 하시면됩니다.

    *)CORS policy 이슈가 있음을 안내해드립니다.

    API을 이용한 위젯이나 모듈 사용을 권장드립니다.

     

    InstaFeed/skins/default/content.html

     

    new InstagramFeed 중괄호 안에서 

     

    host: 'https://images' + ~~(Math.random() * 3333) + '-focus-opensocial.googleusercontent.com/gadgets/proxy?container=none&url=https://www.instagram.com/'

    'on_error': console.error 

     아래  내용을 추가하시면 오류를 줄일수는 있습니다. 완벽한 해결은 아니고 그 빈도수를 줄이는 역할을 합니다.

     

     

     

  • profile profile
    깃허브 가보니까 그런 이야기가 있더라구요.
    골치 아프죠ㅜㅜ
  • profile profile
    아직 뭐가 뭔지 잘 몰라서 헤메다보니 어쩌다 인스타그램 api 웹 인증 하고 그러고 있습니다. 이것도 중간에 무슨 인증 하나때문에 막히네요. 토큰을 발급 받은것 같긴한데 뭔가 검토중이라고 하니 좀 더 기다려봐야겠습니다.
  • profile

    별도 질문은 안받는다고 하셔서 조심스럽긴 한데 혹시나 하고 오늘 위젯 페이지 설정한걸 들어가보니 정상출력이 되더군요.

    그래서 옵션을 살짝 수정했는데 바로 또 이전처럼 되네요. 그래서 다시 출력갯수를 4개로 줄이니 이미지가 너무 크게 들어가서

    옵션을 다시 2행 12개 출력 하니 이미지들이 깨지는 현상이 있습니다.  혹시 제가 설정을 잘못한걸까요?

    https://feedzone.club/index.php?mid=page_PINk16

     

    혹시 위젯 캐시 시간이나 라이믹스 캐시 사용 옵션과 관련이 있는지도 궁금 합니다. 

     

  • profile profile
    widget box 사이즈를 지정해보세요.
    이미지는 맞춰서 resize 됩니다.
  • profile profile
    좋은 위젯 만들어 주셔서 감사 합니다.