JavaScript
วิธีการกำหนดค่า Log In ด้วย Twitter สำหรับ Javascript
12 นาที
การเข้าสู่ระบบ twitter บทนำ ส่วนนี้อธิบายวิธีการรวมการเข้าสู่ระบบ twitter เข้ากับโปรเจกต์ javascript ของคุณ หลังจากที่คุณทำตามคู่มือนี้เสร็จแล้ว คุณจะพร้อมที่จะอัปโหลดโค้ดของคุณไปยัง cloud code โปรเจกต์นี้จะใช้เวอร์ชัน 3 1 ใหม่ล่าสุดของ parse server บนแดชบอร์ดโปรเจกต์ของคุณ ให้ไปที่การตั้งค่าเซิร์ฟเวอร์ > จัดการ parse server (การตั้งค่า) และเลือก 3 1 1 สำหรับข้อมูลเพิ่มเติมเกี่ยวกับการย้ายไปยัง parse server 3 1 x ดู คู่มือนี้ ดูคู่มือนี้หากคุณไม่เข้าใจไวยากรณ์ของโค้ดคลาวด์สำหรับโปรเจกต์นี้ ข้อกำหนดเบื้องต้น ในการเริ่มต้นกับบทเรียนนี้ คุณจะต้องมี แอปที่สร้างขึ้นที่ back4app ดูที่ คู่มือการสร้างแอปใหม่ เพื่อเรียนรู้วิธีการสร้างแอปที่ back4app ตั้งค่า subdomain สำหรับแอป back4app ของคุณ ดูที่ การเปิดใช้งานการโฮสต์เว็บและ live query เพื่อเรียนรู้วิธีการสร้าง subdomain ใน back4app บัญชี twitter และคุณต้องสมัครขอ การเข้าถึงนักพัฒนา 1 สร้างแอป back4app ใหม่ ก่อนอื่น คุณต้องมั่นใจว่าคุณมีแอปที่สร้างขึ้นที่ back4app แล้ว อย่างไรก็ตาม หากคุณเป็นผู้ใช้ใหม่ คุณสามารถตรวจสอบ บทแนะนำนี้ https //www back4app com/docs/get started/new parse app เพื่อเรียนรู้วิธีการสร้างแอปหนึ่ง 2 สร้าง access tokens เพื่อให้คุณสามารถใช้งานการเข้าสู่ระบบ twitter ในโปรเจกต์ของคุณได้ คุณต้องมี consumer key และ consumer secret ในการสร้างคีย์ access tokens ของคุณ คุณต้องมีแอป twitter โดยพื้นฐานแล้ว คุณมีสองตัวเลือก หากคุณมีแอป twitter ที่มีอยู่แล้วและต้องการแก้ไข โปรดเข้าถึง แดชบอร์ดแอป twitter หากคุณต้องการสร้างแอปใหม่ คุณสามารถเข้าถึงแดชบอร์ดเดียวกันได้ แต่คุณต้องมีบัญชีนักพัฒนาที่ได้รับการอนุมัติ คำแนะนำ ในขณะที่คุณกำลังขอเข้าถึงบัญชีนักพัฒนา คุณจะถูกถามคำถามบางอย่าง แต่อย่าลืมตกลงกับเงื่อนไขของสัญญา 2 1 กำหนดรายละเอียดแอป ในหัวข้อนี้ เราจะกำหนดข้อมูลประจำตัวของแอป twitter โปรดทราบว่าจำเป็นต้องเปิดใช้งาน webhosting สำหรับแอปนี้ และเพื่ออ่านเพิ่มเติมเกี่ยวกับ webhosting ให้ดูที่ บทช่วยสอน webhosting ของ back4app หลังจากนั้นไปที่ แดชบอร์ด twitter และเลือกที่จะ สร้างแอป สร้างแอป หรือคุณสามารถแก้ไขแอปที่มีอยู่โดยไปที่ รายละเอียด รายละเอียด > แก้ไข แก้ไข > แก้ไขรายละเอียด แก้ไขรายละเอียด กรอกข้อมูล ชื่อแอป คำอธิบายแอป บอกเราว่าแอปนี้จะถูกใช้งานอย่างไร สำหรับ url เว็บไซต์ คุณสามารถปล่อยให้เป็น back4app subdomain https //www back4app com/docs/platform/parse web hosting และ callback urls จะเป็น subdomain https //www back4app com/docs/platform/parse web hosting + /twitter callback /twitter callback มันจะดูประมาณนี้ 3 การตั้งค่า twitter เริ่มต้นใช้งาน twitter login สำหรับ javascript คุณต้องทำตามขั้นตอนเหล่านี้ เชื่อมโยง back4app กับแอป twitter ของคุณและเข้าสู่ระบบบัญชี back4app ของคุณ; คลิกที่ การตั้งค่าเซิร์ฟเวอร์ การตั้งค่าเซิร์ฟเวอร์ ของแอปของคุณ จากนั้น คลิกที่ การตั้งค่า การตั้งค่า ของ บล็อก twitter login มันควรจะดูเหมือนนี้ 4 รับเทมเพลต ดาวน์โหลดเทมเพลตที่ที่เก็บ github ของเรา คุณสามารถทำได้โดยใช้คำสั่งต่อไปนี้ 5 แทนที่คีย์ หลังจากดาวน์โหลดโปรเจกต์ข้างต้น กรุณาเปิด /cloud/app js /cloud/app js ไฟล์และแทนที่ตัวแปรต่อไปนี้ด้วยคีย์ที่สร้างขึ้นในขั้นตอนที่ 2 6 อัปโหลดโค้ดของคุณไปยังเซิร์ฟเวอร์ back4app ในการปรับใช้แอปของคุณกับ back4app คุณต้องอัปโหลดโค้ดของคุณไปยัง cloud code เพื่อทำเช่นนั้น ให้ทำตามขั้นตอนด้านล่าง ไปที่แอปของคุณที่ เว็บไซต์ back4app และคลิกที่ การตั้งค่าเซิร์ฟเวอร์ การตั้งค่าเซิร์ฟเวอร์ ค้นหาบล็อก “cloud code” และคลิกที่ การตั้งค่า การตั้งค่า บล็อก ''cloud code'' จะมีลักษณะดังนี้ 3\ คลิกที่ เลือกไฟล์ เลือกไฟล์ และเลือกไฟล์ทั้งหมดที่นำเข้าโดย index html index html ย้ายไปที่ สาธารณะ สาธารณะ , จากนั้นคลิก บันทึก บันทึก , ตามที่แสดงที่นี่ 4\ ไฟล์ของคุณจะมีลักษณะดังนี้ 7 เสร็จสิ้น หลังจากทำตามคำแนะนำที่อธิบายไว้ข้างต้น คุณเพียงแค่ต้องเปิดเบราว์เซอร์ของคุณด้วยที่อยู่ web hosting ที่คุณได้สร้างขึ้น ในกรณีที่คุณต้องการความช่วยเหลือหรือฟังก์ชัน/ลิงก์ไม่ทำงาน กรุณาติดต่อทีมงานของเราผ่านการแชท!