@tchaffee @tbushman @ Em-Ant 우리가 Glitch에서 이것을 확인하고 대안을 가질 수 있습니까?

@raisedadead 나는 누가 그 API를 개발했는지 그리고 대안이 있는지 모른다. 내 시간 전에. 앞으로 FCC 도메인에서 호스팅하고 싶을 수도 있으므로 항상 사용할 수 있고 제 3 자의 통제하에 있지 않습니까? 도움이 필요하시면 알려주세요.

해당 앱의 소스 코드가 있습니까? 나는 주기적으로 gitter 또는 fcc 프로필 페이지를 긁어 모으는 것을 기억합니다. 글리치에 대한 가능성이 있는지 모르겠습니다. freecodecamp가 브라우니 순위와 함께 API 엔드 포인트를 노출하지 않는 이유는 무엇입니까?

해당 앱의 소스 코드가 있습니까?

https://github.com/roelver/fcctop100

누군가 나에게 기본적인 분석을 해줄 수 있다면, 코드가 충분하고 약간의 수정이 필요하다면, 나는 이것을 우리 조직에 가져 와서 Glitch에 올릴 수 있습니까?

freecodecamp가 브라우니 순위와 함께 API 엔드 포인트를 노출하지 않는 이유는 무엇입니까?

그것은 우리가 피크 타임에 얻는 현재 800 개 이상의 동시 사용자에게만 강조 될 것입니다.

나는 도전을 대체하고 싶습니다. @QuincyLarson 염두에두고있는 것이 있습니까?

@raisedadead 리더 보드 프로젝트는 더 이상 필수 프로젝트가 아닙니다. 인터뷰 준비로 이동했습니다. 그래도 누군가가 이것을 고치는 방법을 알아낼 수 있다면 좋을 것입니다. 리더 보드 앱의 부담이 그다지 크지 않을 것이라고 생각합니다. 과거에 이러한 리더 보드가 수천 개 있었지만 그다지 큰 영향을 미치지 않은 것 같습니다.

하지만이 문제를 해결하기 전에 새로운 오픈 API가 활성화 될 때까지 기다려야합니다.

나는 코드를 보았고 그것이 어떻게 작동하는지 압니다. 캠핑카의 사용자 이름을 얻기 위해 gitter room을 긁어 내고, 그 / 그녀의 freecodecamp 프로필 페이지에 액세스하는 각 캠핑카에 대한 정보를 얻었습니다. 그 gitter room이 닫히고 작성자의 gitter api 키 (소스에 하드 코딩 된 ...)가 만료 / 차단 되었기 때문에 현재 작동하지 않습니다.

주기적으로 (하루에 한 번 또는 일주일에 한 번?) freecodecamp에서 직접 순위에 대한 정보에 액세스 할 수있는 방법이 있다면 결함으로 대체하는 것이 훨씬 쉬울 것입니다.

안녕하세요 @QuincyLarson 저는 여전히 레거시 인증서 목록에 있다고 생각합니다.

@raisedadead 좋은 지적-나는 이것이 그 목록에 있다는 것을 잊었다. 이 프로젝트를 다시 작동시켜야합니다.

@ Em-Ant 문제를 설명해 주셔서 감사합니다. 제가 제안하는 것은 다음과 같습니다.이 프로젝트를 포럼에 집중하도록 전환합니다.

API 키없이 사람들이 할 수있는 일은 포럼의 API를 사용하여 최근 활성 스레드를 표시하는 것입니다.

https://forum.freecodecamp.org/latest.json

이를 위해 완전히 새로운 데모를 구축하고 새로운 사용자 스토리를 만들어야하지만 기능적으로는 이전 리더 보드 프로젝트와 유사합니다.

누구든지이 문제를 해결하는 데 관심이 있습니까?

@QuincyLarson CORS 헤더가 해당 API 피드를 가져올 수없는 것처럼 보이지만 몇 가지 사용자 스토리를 작성할 수있는 가능한 대체 데모 작업을 시작했습니다.

@ jgibson02 가능한 교체 데모를

이 프로젝트의 주제를 forum.freecodecamp.org와 같은 개방형 API로 변경하는 것을 여전히 선호합니다. 그러나 당신이 이것에 대해 진전을 이루었다면 나는 그것을보고 싶을 것입니다 :)

CodePen에서 요청할 때 https://forum.freecodecamp.org/latest.json API에서 데이터를 검색하는 데 문제가있었습니다. 캠핑 객이 거기에서 사용할 수 있도록 CORS가 해당 API에서 활성화되어야 할 것 같습니다. 지금은 JSON 사본을 다운로드하여 데모 작업을 계속하겠습니다.

@Bouncey @raisedadead 포럼의 API에서 CORS를 활성화하기위한 보안 고려 사항은 무엇입니까?

우리가 진행하기로 결정했다면 이것은 Discourse에 대한 비교적 간단한 수정 인 것 같습니다 : https://meta.discourse.org/t/correct-cors-enabling-steps/55697

GET 요청으로 범위를 지정할 수 있고 노출 된 엔드 포인트에 대해 선택적인 경우.

다음 은 오프라인으로 다운로드 한 JSON 사본을 사용하여 만든 데모입니다. 전체적인 사용자 스토리에 대해보고자하는 내용에 해당한다고 생각하십니까?
그렇다면 세분화 된 사용자 스토리와 지침을 작성할 수 있습니다.

가능한 지침 및 사용자 스토리는 다음과 같습니다.

집으로 가져 가기 프로젝트-FreeCodeCamp 포럼 홈페이지 구축

• 목표 : https://codepen.io/jgibson02/full/BVvbRX/ 와 기능적으로 유사한 CodePen.io 앱을 빌드합니다
• 아래 사용자 스토리를 작성하십시오. 필요한 라이브러리 또는 API를 사용하십시오. 나만의 스타일을 부여하세요.
• 사용자 스토리 : freeCodeCamp 포럼에서 가장 최근 게시물 목록을 볼 수 있습니다.
• 사용자 스토리 : 각 주제에 대해 최근에 게시 한 사용자의 제목과 링크 목록을 볼 수 있습니다.
• 사용자 스토리 : 각 주제에 대한 답변 및 조회수와 주제가 마지막으로 활성화 된 시간의 타임 스탬프를 볼 수 있습니다.
• 힌트 : 30 개의 최신 포럼 게시물을 얻으려면 : https://forum.freecodecamp.org/latest.json.
• 문제가 발생하면 Read-Search-Ask를 사용하는 것을 잊지 마십시오.
• 완료되면 "이 도전을 완료했습니다"버튼을 클릭하고 CodePen에 대한 링크를 포함합니다.
• Facebook에서 친구와 공유하여 프로젝트에 대한 피드백을받을 수 있습니다.

@ jgibson02 대단해! 훌륭한 사용자 스토리를 만드는 데 도움을 주셔서 감사합니다. CORS 문제에 대해 @Bouncey 와 함께 작업 할 것입니다.

@QuincyLarson CORS 문제에 대한 개발이 있었습니까?

안녕하세요,
나는 이미 api 문제로 인해 깨진 LeaderBoard를 만들었습니다.
원래 사용자 스토리가 마음에 들었습니다.
사용자 스토리 : 지난 30 일 동안 가장 많은 브라우니 포인트를 획득 한 freeCodeCamp 캠프 참가자들의 표를 볼 수 있습니다.
사용자 스토리 : 지난 30 일 동안 획득 한 브라우니 포인트와 총 획득 한 브라우니 포인트를 확인할 수 있습니다.
사용자 스토리 : 지난 30 일 동안 획득 한 브라우니 포인트 수와 총 획득 한 브라우니 포인트 수를 기준으로 목록 정렬을 전환 할 수 있습니다.

더 이상 브라우니 포인트는 없지만 좋아요가 있습니다. 그리고 더 이상 월 단위로 분류되지 않습니다. 대부분의 날은 288 인 것 같습니다.

최신 게시물에 연결하는 대신 Camper의 이름과 그 사람이 30 일 동안 전체 기간 동안 얼마나 많은 좋아요 (브라우니 포인트 대신)를 받았는지에 집중할 수 있습니까?

https://www.freecodecamp.org/forum/directory_items.json?period=all&order=likes_received.json

Camper Leaderboard에 대해이 API를 수정하는 작업을하는 사람이 있습니까?

더 나은 해결책이 없다면 우리는 글리치에 대한 프록시를 만드는 cors 문제를 우회 할 수 있습니다. 구축하기가 아주 쉬워야합니다. 내가 원하는 경우 알려주세요.

@ Em-Ant 예-좋은 해결 방법처럼 들립니다.

계속 게시 해 주시고 도움이 필요한 경우 알려주십시오.

api 엔드 포인트 : https://buttercup-island.glitch.me/latest
테스트 프로젝트 ( @ jgibson02 에서 분기 https://codepen.io/Em-Ant/pen/modqWP

원하는 경우 소유 한 사용자 지정 도메인 (예 : freecodecamp 하위 도메인)에 노출 할 수 있습니다.

괜찮은지, 다른 것이 필요한지 알려주세요. 이것이 좋은 해결책이라면 저는 camperbot에 대한 편집 권한을 부여하고 소유권을 freecodecamp로 이전 할 것입니다.

@ Em-Ant가 forum 데이터에 대해이 새로운 api 끝점을 만들었 으므로 여기 에서 @ jgibson02가 제안한대로 사용자 스토리를 변경할 때가되었다고 생각합니다.

67 행의 테스트 프로젝트에 오류가 있습니다. Uncaught ReferenceError : styled is not defined
/Em-Ant/pen/pen.js:67

제안 된 사용자 스토리 사용에 대해 @nuhman 과 동의합니다.

사용자 스토리에서 무엇을 변경해야한다고 생각하십니까?

안녕하세요, 감사합니다.
정렬하지 않은 것 같습니다. 가장 최근의 주제로 표시됩니다 ....
포럼 페이지에서 매우 잘 작동합니다.

리더 보드에서 너무 열심히 일했는데 과시하지 못해서 안타깝 네요. 브라우니가 없어도 누가 가장 최근에 게시했는지, 누가 가장 많이 게시했는지-해당 게시물에 대한 링크와 사용자 프로필을보고 싶습니다.

주제를 몇 번이나 보는 것이 좋습니다.

https://www.freecodecamp.org/forum/latest.json 링크를 사용할 때 데이터를 가져 오려고 할 때 CORB (Cross-Origin Read Blocking)에 오류가 있습니다. _ {mode : 'no-cors'} _ 효과가 없습니다.
리더 보드에 대한 데이터를 가져 오는 대체 솔루션이 있습니까 (하드 코딩하지 않음)?

나는 그것에 문제가 없었습니다. 어떤 브라우저를 사용하고 있습니까?

나는 그것에 문제가 없었습니다. 어떤 브라우저를 사용하고 있습니까?

구글 크롬
버전 73.0.3683.86 (공식 빌드) (64 비트)

이것은 나에게 새로운 것입니다. 하지만이 제안을 가능한 해결책으로 찾았습니다 ...

https://stackoverflow.com/questions/54701399/how-to-fix-cross-origin-read-blocking-corb-blocked-cross-origin-response-with

감사합니다. 그러나 내 브라우저에서 보안 정책을 비활성화하면 다른 브라우저 / 사용자의 문제가 해결되지 않습니다. 헤더를 설정하는 솔루션을 보았지만 클라이언트 측만 있기 때문에 Codepen (내 리더 보드가있는 위치)에서 구현할 수 없습니다.

죄송 해요. 나는 그것을 이해할만큼 충분히 보지 못했다. CodePen이 가능한 CORS 문제를 해결했음을 이해했지만 CORB는 저에게 새로운 것입니다.

실제 API 끝점으로 이동할 수 있습니까? 아니면 리더 보드에서만 나오는 건가요?

직접 링크로 json-data를 봅니다. codepen의 freecodecamp.org에서 json을 가져 오려고 할 때 문제가 발생합니다.

다른 사이트 (rawgit.com, glitch.com, wikipedia.org, ipinfo.io 및 github.com)에서 데이터를 가져 오는 codepen에서 다른 펜을 확인했는데 제대로 작동합니다. 따라서 문제는 정확히 freecodecamp-json에 있습니다. 코드 펜 설정에 따라 다를 수 있지만 아직 지원에 대한 공통점을 찾지 못했습니다.

아야. @ jgibson02 전에 이런 일이 일어난 적이 있습니까?
그렇다면 해결 방법을 알고 있습니까?

@ColorizeMySky 이전에 @ Em-Ant의 끝점을 사용해 보셨습니까?
https://buttercup-island.glitch.me/latest

이게 작동할까요?

https://buttercup-island.glitch.me/latest

이게 작동할까요?

네, 정말 감사합니다. 글리치에서 포럼 데이터로 json을 가져옵니다.

CORS 문제를 방지하기 위해 https://buttercup-island.glitch.me/latest 에서 @ Em-Ant의 API를 사용하도록 CodePen 을 업데이트했습니다.
@QuincyLarson freecodecamp의 도메인으로 리디렉션하는 방법으로 glitch.me를 사용해도 괜찮습니까? 그렇다면 아마도 이것은 커리큘럼에 다시 통합 될 준비가 될 것입니다.

안녕하세요 @scissorsneedfoodtoo 당신이 이것을 받아

@raisedadead , 물론입니다.

원하지 않는다면 다른 글리치 프로젝트를 만들 필요가 없습니다. 그
하나는 이미 나와 camperbot간에 소유권을 공유 했으므로 편집 할 수 있습니다.
그것.

Il gio 2019 년 4 월 4 일, 12:13 Kristofer Koishigawa [email protected] ha
스크 리토 :

@raisedadead https://github.com/raisedadead , 물론입니다.

—
당신이 언급 되었기 때문에 이것을 받고 있습니다.
이 이메일에 직접 답장하고 GitHub에서 확인하세요.
https://github.com/freeCodeCamp/freeCodeCamp/issues/17450#issuecomment-479836966 ,
또는 스레드 음소거
https://github.com/notifications/unsubscribe-auth/AMWwVve4x2DPL4_ApR55oakeZHbBGlGGks5vddAxgaJpZM4UbaVj
.

@ Em-Ant, 빠른 응답에 감사드립니다! Glitch API 엔드 포인트가 완벽하게 작동하므로 위의 사용자 스토리와 링크로 프로젝트 설명을 업데이트하겠습니다.

@ Em-Ant, 글리치 API에서 적절한 주제에 대한 링크를 얻는 방법을 알지 못합니다. 가능할까요?

@ColorizeMySky 내 결함 API가 https://www.freecodecamp.org/forum/latest.json에 대한 요청을 프록시하므로 정확히 동일한 응답을 얻을 수 있습니다. 원래 응답에 필요한 CORS 헤더 만 추가합니다.

응답 구조를 빠르게 살펴 보았는데 하나는 "사용자"이고 다른 하나는 "주제"입니다. 포럼의 기본 URL과 주제 항목의 "slug"속성을 추가하여 게시물의 URL을 얻을 수 있습니다.

도움을 주신 모든 분들께 감사드립니다. 나는이 프로젝트를 새로운 API로 끝낼 수 있었고, 새로운 API는 이전 작업을 대체하기에 좋습니다. 가져올 수 있습니다. 정렬, 추가 정보 및 이미지 추가, 링크 등 https://codepen.io/Colorize_my_sky/full/aMxRRq

@ColorizeMySky 축하합니다! 이것은 멋져 보이고 매우 반응 적입니다.