Freecodecamp: Ganti proyek Papan Peringkat Camper dengan proyek yang berfungsi serupa berdasarkan forum

Dibuat pada 5 Jun 2018  ·  45Komentar  ·  Sumber: freeCodeCamp/freeCodeCamp

Jelaskan masalah Anda dan - jika mungkin - cara memperbanyaknya

API papan peringkat Camper rusak seperti yang diberikan di bawah ini:

Tambahkan Tautan ke halaman yang bermasalah

https://fcctop100.herokuapp.com/api/fccusers/top/recent
https://fcctop100.herokuapp.com/api/fccusers/top/alltime

Beri tahu kami tentang browser dan sistem operasi Anda

  • Nama Browser: Chrome
  • Versi Browser: 67
  • Sistem Operasi: Windows 7

Jika memungkinkan, tambahkan tangkapan layar di sini

help wanted learn projects-frontend

Komentar yang paling membantu

@ Em-Ant, terima kasih atas tanggapan yang cepat! Titik akhir Glitch API Anda bekerja dengan sempurna, jadi saya hanya akan memperbarui deskripsi proyek dengan cerita pengguna di atas dan tautan Anda.

Semua 45 komentar

@tchaffee @tbushman @ Em-Ant dapatkah kita memeriksa dan memiliki alternatif untuk ini di Glitch?

@raisedadead Saya tidak tahu siapa yang mengembangkan API tersebut dan apakah ada alternatif. Sebelum waktuku. Mungkin ini adalah sesuatu yang ingin Anda hosting di domain FCC ke depannya sehingga selalu tersedia dan tidak di bawah kendali pihak ketiga? Beri tahu saya jika ada hal lain yang bisa saya bantu di sini.

Apakah kami memiliki kode sumber aplikasi itu? Saya ingat bahwa ini bekerja secara berkala untuk mengorek gitter, atau halaman profil fcc. Saya tidak tahu apakah itu mungkin karena kesalahan. Mengapa freecodecamp tidak mengekspos titik akhir api dengan peringkat brownies?

Apakah kami memiliki kode sumber aplikasi itu?

https://github.com/roelver/fcctop100

Jika seseorang dapat memberikan saya beberapa analisis dasar, jika kodenya cukup baik dan perlu sedikit mengutak-atik, saya akan memasukkan ini ke organisasi kami dan kami dapat memasangnya di Glitch?

Mengapa freecodecamp tidak mengekspos titik akhir api dengan peringkat brownies?

Ini hanya akan menekankan 800+ konkuren saat ini yang kita dapatkan pada waktu puncak.

Saya ingin sekali menggantikan tantangan ini. @QuincyLarson, apakah Anda memiliki sesuatu dalam pikiran?

@raisedadead Proyek papan peringkat tidak lagi menjadi proyek wajib - kami telah memindahkannya ke Persiapan Wawancara. Namun, alangkah baiknya jika seseorang bisa mencari cara untuk memperbaikinya. Saya rasa tekanan dari aplikasi papan peringkat tidak akan terlalu besar - kami memiliki ribuan papan peringkat ini di masa lalu dan tampaknya tidak terlalu berdampak besar.

Kami harus menunggu sampai API terbuka baru kami aktif sebelum mencoba untuk memperbaikinya.

Saya telah melihat kodenya dan saya tahu cara kerjanya. Ini digunakan untuk mengikis ruang gitter untuk mendapatkan nama pengguna camper, dan kemudian mendapatkan informasi tentang setiap camper yang mengakses halaman profil freecodecamp-nya. Saat ini itu tidak berfungsi karena ruang gitter itu ditutup, dan kunci api gitter penulis (hardcode di sumber ...) kedaluwarsa / diblokir.

Jika ada cara untuk mengakses beberapa informasi tentang peringkat secara berkala (sekali sehari atau seminggu?) Langsung dari freecodecamp, akan jauh lebih mudah untuk membuat penggantinya dalam kesalahan.

Hai @QuincyLarson, saya rasa ini masih dalam daftar sertifikat lama:

image

@raisedadead Poin yang bagus - Saya lupa ini ada di daftar itu. Kami pasti perlu membuat proyek ini berfungsi kembali.

@ Em-Ant Terima kasih telah menjelaskan masalahnya. Inilah yang saya usulkan agar kami lakukan - kami mengalihkan proyek ini untuk fokus pada forum.

Tanpa kunci API, yang bisa dilakukan orang adalah menampilkan utas yang baru-baru ini aktif menggunakan API forum kami:

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

Kami perlu membuat demo yang benar-benar baru untuk ini dan menghasilkan cerita pengguna baru, tetapi secara fungsional akan mirip dengan proyek papan peringkat lama.

Adakah yang tertarik untuk menangani ini?

@QuincyLarson Saya sudah mulai mengerjakan kemungkinan demo pengganti yang kemudian saya dapat menulis beberapa cerita pengguna, meskipun sepertinya header CORS mungkin tidak diaktifkan untuk dapat mengambil umpan API itu?

@ jgibson02 Apakah Anda sudah membuat kemajuan dalam kemungkinan demo penggantian?

Saya masih mendukung untuk mengubah subjek proyek ini menjadi sesuatu dengan API terbuka, seperti forum.freecodecamp.org. Tetapi jika Anda telah membuat kemajuan dalam hal ini, saya akan tertarik untuk melihatnya :)

Saya mengalami masalah saat mengambil data dari https://forum.freecodecamp.org/latest.json API saat membuat permintaan dari CodePen. Sepertinya CORS perlu mengaktifkan API tersebut agar para pekemah dapat menggunakannya di sana. Untuk saat ini saya akan terus mengerjakan demo dengan mendownload salinan JSON.

@Bouncey @raisedadead apa yang akan menjadi pertimbangan keamanan untuk mengaktifkan CORS di API forum kami?

Sepertinya ini adalah perbaikan yang relatif sederhana pada Discourse jika kami memutuskan ingin melanjutkannya: https://meta.discourse.org/t/correct-cors-enabling-steps/55697

Dan selama Anda dapat mencakupnya ke permintaan GET dan selektif tentang titik akhir yang terekspos.

Berikut adalah demo yang saya buat menggunakan salinan JSON yang diunduh secara offline. Apakah menurut Anda itu sesuai dengan tagihan sejauh apa yang Anda ingin lihat untuk keseluruhan cerita pengguna?
Jika demikian, saya dapat mulai menulis beberapa cerita dan instruksi pengguna yang dipecah.

Berikut adalah beberapa kemungkinan instruksi dan cerita pengguna:

Take Home Projects - Bangun Beranda Forum FreeCodeCamp

  • Tujuan: Membangun aplikasi CodePen.io yang secara fungsional mirip dengan ini: https://codepen.io/jgibson02/full/BVvbRX/.
  • Penuhi cerita pengguna di bawah ini. Gunakan perpustakaan atau API mana pun yang Anda butuhkan. Berikan gaya pribadi Anda.
  • Kisah Pengguna: Saya dapat melihat daftar posting terbaru di forum freeCodeCamp.
  • Kisah Pengguna: Untuk setiap topik, saya dapat melihat judul dan daftar tautan ke pengguna yang baru saja memposting di dalamnya.
  • Kisah Pengguna: Saya dapat melihat jumlah balasan dan tampilan yang dimiliki setiap topik, dan stempel waktu kapan topik itu terakhir aktif.
  • Petunjuk: Untuk mendapatkan 30 posting forum terbaru: https://forum.freecodecamp.org/latest.json.
  • Ingatlah untuk menggunakan Read-Search-Ask jika Anda mengalami kebuntuan.
  • Setelah Anda selesai, klik tombol "Saya telah menyelesaikan tantangan ini" dan sertakan tautan ke CodePen Anda.
  • Anda bisa mendapatkan umpan balik tentang proyek Anda dengan membagikannya kepada teman-teman Anda di Facebook.

@ jgibson02 Luar biasa! Terima kasih telah membantu membuat cerita pengguna yang luar biasa ini. Saya akan bekerja dengan @Bouncey dalam masalah CORS.

@QuincyLarson, apakah ada perkembangan tentang masalah CORS?

Hai,
Saya telah membuat LeaderBoard yang sekarang rusak karena masalah api.
Saya menyukai Kisah Pengguna yang asli:
Kisah Pengguna: Saya dapat melihat tabel pekemah freeCodeCamp yang memperoleh poin brownies terbanyak dalam 30 hari terakhir.
Kisah Pengguna: Saya dapat melihat berapa banyak poin brownies yang mereka peroleh dalam 30 hari terakhir, dan berapa banyak yang telah mereka peroleh secara total.
Kisah Pengguna: Saya dapat beralih antara mengurutkan daftar dengan berapa banyak poin brownies yang mereka peroleh dalam 30 hari terakhir dan dengan berapa banyak poin brownies yang mereka peroleh total.

Tidak ada lagi poin brownies, tapi ada suka. Dan itu tidak benar-benar dipecah menjadi bulanan lagi. Sepertinya paling banyak hari adalah 288.

Daripada menautkan ke postingan terbaru, dapatkah kita tetap fokus pada nama Camper, dan berapa banyak Suka yang diterima orang tersebut (bukan poin brownies) selama periode 30 hari dan sepanjang waktu?

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

Adakah yang bekerja untuk memperbaiki api ini untuk Papan Peringkat Camper?

Jika tidak ada solusi yang lebih baik kita dapat melewati masalah cors membangun proxy pada kesalahan (saya cukup ahli dalam hal ini ...) Saya dapat lingkup permintaan untuk hanya mengizinkan saya dan metode dan enpoints jika perlu. Seharusnya cukup mudah untuk membuatnya. Beri tahu saya jika Anda ingin saya melakukannya.

@ Em-Ant Ya - kedengarannya seperti penyelesaian yang bagus.

Harap terus kabari kami dan beri tahu kami jika kami dapat melakukan sesuatu untuk membantu.

titik akhir api: https://buttercup-island.glitch.me/latest
proyek uji (bercabang dari @ jgibson02 ): https://codepen.io/Em-Ant/pen/modqWP

Jika mau, kami dapat mengeksposnya di domain kustom yang Anda miliki (mis. Subdomain freecodecamp).

Beri tahu saya jika tidak apa-apa, dan jika Anda membutuhkan yang lain. Jika itu solusi yang baik, saya akan memberikan izin edit ke camperbot, untuk mentransfer kepemilikan ke freecodecamp.

Karena @ Em-Ant telah membuat titik akhir api baru ini untuk data forum , saya kira inilah waktunya untuk mengubah cerita pengguna seperti yang disarankan di sini oleh @ jgibson02 ?

Ada kesalahan pada proyek uji di baris 67: ReferensiError Tidak Tertangkap: gaya tidak ditentukan
di /Em-Ant/pen/pen.js:67

Saya setuju dengan @nuhman tentang penggunaan cerita pengguna yang disarankan.

Memperbaiki ReferenceError (pada pena asli saya), meskipun menurut Anda apa yang harus kita ubah dalam cerita pengguna?

Hai, terima kasih.
Sepertinya kami tidak menyortir, ini muncul berdasarkan topik terbaru ....
Ini bekerja sangat baik untuk Halaman Forum.

Saya baru saja bekerja sangat keras di Dewan Pimpinan dan sayang sekali tidak bisa menunjukkannya. Bahkan tanpa Brownies, saya ingin melihat siapa yang memposting terbaru - dan siapa yang paling sering memposting - dengan link ke posting tersebut - dan mungkin profil pengguna ..

Saya suka melihat berapa kali topik itu dilihat.

Saya mengalami kesalahan dengan Cross-Origin Read Blocking (CORB) ketika mencoba mengambil data juga saat menggunakan tautan https://www.freecodecamp.org/forum/latest.json . _ {mode: 'no-cors'} _ tidak efektif.
Apakah ada solusi alternatif untuk mengambil data untuk Papan Peringkat (bukan hardcode)?

Saya tidak punya masalah dengan itu. browser mana yang kamu gunakan?

Saya tidak punya masalah dengan itu. browser mana yang kamu gunakan?

Google Chrome
Versi 73.0.3683.86 (Build Resmi) (64-bit)

Ini baru bagiku. Tetapi saya menemukan saran ini sebagai kemungkinan perbaikan ...

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

Terima kasih. Tetapi jika saya hanya menonaktifkan kebijakan keamanan di browser saya, itu tidak menyelesaikan masalah untuk browser / pengguna lain. Saya melihat solusi dengan menyiapkan tajuk, tetapi saya tidak dapat menerapkannya di Codepen (di mana Papan Peringkat saya), karena hanya ada sisi klien.

Maafkan saya. Saya belum cukup melihatnya untuk memahaminya. Saya mengerti CodePen memecahkan kemungkinan masalah CORS, tetapi CORB adalah hal baru bagi saya.

Apakah Anda sama sekali bisa pergi ke titik akhir API yang sebenarnya? Atau hanya datang dari LeaderBoard?

Melalui tautan langsung saya melihat json-data. Masalah muncul ketika saya mencoba mengambil json dari freecodecamp.org di codepen.

Saya memeriksa pena saya yang lain di codepen, yang mengambil data dari situs lain (ada rawgit.com, glitch.com, wikipedia.org, ipinfo.io dan github.com), dan berfungsi dengan benar. Jadi, masalahnya persis dengan freecodecamp-json. Itu mungkin tergantung dari pengaturan codepen, tetapi saya belum menemukan kesamaan dengan dukungan mereka.

Aduh. @ jgibson02 Pernahkah Anda melihat ini terjadi sebelumnya?
Jika ya, apakah Anda tahu cara mengatasinya?

@ColorizeMySky Sudahkah Anda mencoba titik akhir dari @ Em-Ant sebelumnya?
https://buttercup-island.glitch.me/latest

Mungkin ini akan berhasil?

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

Mungkin ini akan berhasil?

Ya terima kasih banyak. Ini mengambil json dengan data-forum dari kesalahan.

Saya telah memperbarui CodePen saya untuk menggunakan API @ Em-Ant di https://buttercup-island.glitch.me/latest untuk menghindari masalah CORS.
@QuincyLarson apakah Anda

Hei @scissorsneedfoodtoo, bisakah kamu menerima ini? Yang kita butuhkan hanyalah membuat proyek kesalahan seperti yang disebutkan di atas sebagai solusi dan memperbarui seed tantangan untuk menggunakannya dalam instruksi?

@raisedadead , tentu, saya akan segera melakukannya

Anda tidak perlu membuat proyek kesalahan lain jika Anda tidak mau. Bahwa
sudah ada yang berbagi kepemilikan antara saya dan camperbot, jadi Anda bisa mengedit
Itu.

Il gio 4 apr 2019, 12:13 Kristofer Koishigawa [email protected] ha
scritto:

@raisedadead https://github.com/raisedadead , tentu, saya akan segera melakukannya

-
Anda menerima ini karena Anda disebutkan.
Balas email ini secara langsung, lihat di GitHub
https://github.com/freeCodeCamp/freeCodeCamp/issues/17450#issuecomment-479836966 ,
atau nonaktifkan utasnya
https://github.com/notifications/unsubscribe-auth/AMWwVve4x2DPL4_ApR55oakeZHbBGlGGks5vddAxgaJpZM4UbaVj
.

@ Em-Ant, terima kasih atas tanggapan yang cepat! Titik akhir Glitch API Anda bekerja dengan sempurna, jadi saya hanya akan memperbarui deskripsi proyek dengan cerita pengguna di atas dan tautan Anda.

@ Em-Ant, di API glitch Anda tidak melihat cara mendapatkan tautan ke topik yang sesuai. Apa itu mungkin?

@Colorizeize my glitch api proxy permintaan ke https://www.freecodecamp.org/forum/latest.json sehingga Anda akan mendapatkan respon yang sama persis. Ini hanya menambahkan header CORS yang diperlukan ke respons asli.

Saya telah melihat sekilas struktur respons dan saya melihat 2 bagian: satu adalah "pengguna", yang lainnya adalah "topik". Anda bisa mendapatkan url posting menambahkan url dasar forum, dan properti "slug" dari entri topik.

Terima kasih semuanya atas bantuannya. Saya telah berhasil menyelesaikan proyek ini dengan API baru, dan API baru bagus untuk menggantikan tugas lama. Saya bisa mengambil. urutkan, tambahkan info dan gambar tambahan, tautan, dll. https://codepen.io/Colorize_my_sky/full/aMxRRq

Selamat @ColorizeMySky ! Ini terlihat bagus dan sangat responsif.

Apakah halaman ini membantu?
0 / 5 - 0 peringkat