รับ steamID ด้วย Steam API โดยใช้ javascript

Question

ก่อนอื่นขออภัยหากคำถามนี้ 'ไม่ดี' ฉันใหม่มากสำหรับโลกของเว็บแอป API และ Javascript

ตามที่ชื่อระบุว่าฉันกำลังพยายามรับ SteamID ของผู้ใช้โดยใช้ Steam API โดยใช้จาวาสคริปต์

นี่คือเว็บแอปที่ต้องการรับข้อมูลเกี่ยวกับเกมที่ผู้ใช้เล่น (ซึ่งจากความเข้าใจของฉันสามารถหาได้โดยใช้ ID พิเศษนี้เท่านั้น)

ความคิดเริ่มต้นของฉันเกี่ยวกับวิธีการทำเช่นนี้คือการใช้ openID เพื่อให้ผู้ใช้ให้ข้อมูลกับ Steam และ ID จะถูกส่งกลับไปยังแอปของฉัน

ฉันเห็นว่ามีตัวอย่างมากมายในการใช้ php; อย่างไรก็ตามเนื่องจากข้อกำหนดของโครงการทุกอย่างจะต้องทำงานในเบราว์เซอร์ ไม่มีเซิร์ฟเวอร์แบ็กเอนด์ที่จะเรียกใช้ php ได้ดังนั้นจึงไม่ใช่ตัวเลือกที่เคยเป็นมา

ฉันใช้เวลาส่วนหนึ่งที่ดีขึ้นในหนึ่งวันในการพยายามหาสิ่งนี้และไม่มีความคืบหน้าอย่างแท้จริงดูเหมือนว่าทุกอย่างจะนำกลับไปสู่การใช้ php (บางทีสิ่งที่ฉันต้องการภายใต้ข้อกำหนดของฉันเป็นไปไม่ได้?) ดังนั้นตัวอย่างหรืออะไรก็ได้ที่น่าชื่นชมมาก

Answer 1

ยินดีต้อนรับสู่ Stack Overflow ฉันเห็นว่าคุณสับสนว่าจะเริ่มต้นหรือดำเนินการที่ไหนดังนั้นนี่คือแผนงานพื้นฐาน:

1. คุณจะต้องติดต่อ Steam เพื่อขอรับคีย์ API ก่อน
2. ส่วนถัดไปเป็นเรื่องยุ่งยากมากขึ้นสำหรับผู้เริ่มต้น คุณจะต้องได้รับ node.js ซึ่งเป็นตัวจัดการแพ็คเกจ มีประสิทธิภาพเป็นไลบรารีโปรแกรมจาวาสคริปต์ขนาดใหญ่ซึ่งคุณสามารถนำเข้าสู่โปรแกรมของคุณเองเพื่อทำสิ่งต่างๆได้ หนึ่งในสิ่งเหล่านี้เรียกว่า "แพ็คเกจ" คือ openid-client ซึ่งเป็นการใช้งาน openID ที่คุณสามารถเพิ่มลงในไซต์ของคุณได้ ผู้ใช้คลิกที่ปุ่ม openID บนไซต์ของคุณระบบจะเปลี่ยนเส้นทางไปยังเซิร์ฟเวอร์ไอน้ำจากนั้นเข้าสู่ระบบจากนั้นไซต์ของคุณจะได้รับข้อมูลโดยไม่ให้ชื่อผู้ใช้หรือรหัสผ่านรั่วไหลไปยังคุณ
3. ตอนนี้คุณมีทั้ง steamID และ API Key แล้วโปรแกรมของคุณสามารถป้อนข้อมูลทั้งสองนี้ลงใน url ที่ steam จัดเตรียมไว้เพื่อรับเกมที่เป็นเจ้าของได้ คุณสามารถป้อน url ที่เสร็จสมบูรณ์นี้ลงใน fetch หรือ axios (แพ็กเกจโหนดอื่นที่สามารถขอข้อมูลจากเซิร์ฟเวอร์) และจะตอบสนองด้วยเกมที่ผู้ใช้เป็นเจ้าของในรูปแบบ json

รายการทรัพยากรในการเริ่มต้นใช้งานมีดังนี้

1. https://steamcommunity.com/dev
2. https://nodejs.org/en/
3. https://www.npmjs.com/package/openid-client
4. https://www.npmjs.com/package/node-fetch OR https://www.npmjs.com/package/axios
5. https://developer.valvesoftware.com/wiki/Steam_Web_API#GetOwnedGames_.28v0001.29

ฉันขอแนะนำให้อ่านเอกสารในแต่ละลิงก์เหล่านี้และดูว่ามีบทช่วยสอนของ YouTube ที่ลองทำในสิ่งที่คุณกำลังทำกับเทคโนโลยีเหล่านี้เพื่อช่วยให้คุณนำไปใช้ในฐานะมือใหม่ได้หรือไม่ โดยรวมแล้วมีหลายสิ่งที่ต้องเรียนรู้เกี่ยวกับแต่ละเทคโนโลยีเหล่านี้ แต่ตราบใดที่คุณปรับทิศทางตัวเองโดยใช้คำแนะนำหรือแบบฝึกหัดคุณก็จะประสบความสำเร็จ โชคดี.

Answer 2

ดูหน้านี้: จะดึงชื่อผู้ใช้ Steam โดยใช้ SteamWorks API ได้อย่างไร . อย่างไรก็ตามดูเหมือนว่าปัญหาที่คุณอาจพบคือการเชื่อมต่อกับ API จริง คุณใช้อะไรในการทดสอบกันแน่? ตัวอย่างเช่นฉันทราบจากประสบการณ์ว่าคุณสามารถเชื่อมต่อโดยใช้บุรุษไปรษณีย์กับ API ต่างๆและจัดรูปแบบคำขอสำหรับพวกเขาในภาษาที่เลือกรวมถึง JS>