วิธีการกำหนดค่า Log In ด้วย Twitter สำหรับ Javascript

การเข้าสู่ระบบ twitter บทนำ ส่วนนี้อธิบายวิธีการรวมการเข้าสู่ระบบ twitter เข้ากับโปรเจกต์ javascript ของคุณ หลังจากที่คุณทำตามคู่มือนี้เสร็จแล้ว คุณจะพร้อมที่จะอัปโหลดโค้ดของคุณไปยัง cloud code โปรเจกต์นี้จะใช้เวอร์ชัน 3 1 ใหม่ล่าสุดของ parse server บนแดชบอร์ดโปรเจกต์ของคุณ ให้ไปที่การตั้งค่าเซิร์ฟเวอร์ > จัดการ parse server (การตั้งค่า) และเลือก 3 1 1 สำหรับข้อมูลเพิ่มเติมเกี่ยวกับการย้ายไปยัง parse server 3 1 x ดู https //www back4app com/docs/advanced guides/parse server 3 ดูคู่มือนี้หากคุณไม่เข้าใจไวยากรณ์ของโค้ดคลาวด์สำหรับโปรเจกต์นี้ ข้อกำหนดเบื้องต้น ในการเริ่มต้นกับบทเรียนนี้ คุณจะต้องมี แอปที่สร้างขึ้นที่ back4app ดูที่ https //www back4app com/docs/get started/new parse app เพื่อเรียนรู้วิธีการสร้างแอปที่ back4app ตั้งค่า subdomain สำหรับแอป back4app ของคุณ ดูที่ https //www back4app com/docs/platform/activating web hosting เพื่อเรียนรู้วิธีการสร้าง subdomain ใน back4app บัญชี https //twitter com/ และคุณต้องสมัครขอ https //twitter com/i/flow/login?input flow data=%7b%22requested variant%22%3a%22eyjyzwrpcmvjdf9hznrlcl9sb2dpbii6imh0dhbzoi8vzgv2zwxvcgvylnr3axr0zxiuy29tl2vul3bvcnrhbc9wzxrpdglvbi9lc3nlbnrpywwvymfzawmtaw5mbyj9%22%7d 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 ที่มีอยู่แล้วและต้องการแก้ไข โปรดเข้าถึง https //twitter com/i/flow/login?input flow data=%7b%22requested variant%22%3a%22eyjyzwrpcmvjdf9hznrlcl9sb2dpbii6imh0dhbzoi8vzgv2zwxvcgvylnr3axr0zxiuy29tl2vul2fwchmifq%3d%3d%22%7d หากคุณต้องการสร้างแอปใหม่ คุณสามารถเข้าถึงแดชบอร์ดเดียวกันได้ แต่คุณต้องมีบัญชีนักพัฒนาที่ได้รับการอนุมัติ คำแนะนำ ในขณะที่คุณกำลังขอเข้าถึงบัญชีนักพัฒนา คุณจะถูกถามคำถามบางอย่าง แต่อย่าลืมตกลงกับเงื่อนไขของสัญญา 2 1 กำหนดรายละเอียดแอป ในหัวข้อนี้ เราจะกำหนดข้อมูลประจำตัวของแอป twitter โปรดทราบว่าจำเป็นต้องเปิดใช้งาน webhosting สำหรับแอปนี้ และเพื่ออ่านเพิ่มเติมเกี่ยวกับ webhosting ให้ดูที่ https //www back4app com/docs/platform/parse web hosting หลังจากนั้นไปที่ https //developer twitter com/en/apps และเลือกที่จะ สร้างแอป สร้างแอป หรือคุณสามารถแก้ไขแอปที่มีอยู่โดยไปที่ รายละเอียด รายละเอียด > แก้ไข แก้ไข > แก้ไขรายละเอียด แก้ไขรายละเอียด กรอกข้อมูล ชื่อแอป คำอธิบายแอป บอกเราว่าแอปนี้จะถูกใช้งานอย่างไร สำหรับ url เว็บไซต์ คุณสามารถปล่อยให้เป็น https //www back4app com/docs/platform/parse web hosting และ callback urls จะเป็น 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 ของเรา คุณสามารถทำได้โดยใช้คำสั่งต่อไปนี้ curl lok https //github com/templates back4app/twitter login js/archive/master zip && unzip master zip 5 แทนที่คีย์ หลังจากดาวน์โหลดโปรเจกต์ข้างต้น กรุณาเปิด /cloud/app js /cloud/app js ไฟล์และแทนที่ตัวแปรต่อไปนี้ด้วยคีย์ที่สร้างขึ้นในขั้นตอนที่ 2 const back4appwebhostdomain = ' your back4app webhost domain your back4app webhost domain '; const consumer key = ' your consumer key your consumer key '; const consumer secret = ' your consumer secret your consumer secret '; 6 อัปโหลดโค้ดของคุณไปยังเซิร์ฟเวอร์ back4app ในการปรับใช้แอปของคุณกับ back4app คุณต้องอัปโหลดโค้ดของคุณไปยัง cloud code เพื่อทำเช่นนั้น ให้ทำตามขั้นตอนด้านล่าง ไปที่แอปของคุณที่ https //www back4app com/ และคลิกที่ การตั้งค่าเซิร์ฟเวอร์ การตั้งค่าเซิร์ฟเวอร์ ค้นหาบล็อก “cloud code” และคลิกที่ การตั้งค่า การตั้งค่า บล็อก ''cloud code'' จะมีลักษณะดังนี้ 3\ คลิกที่ เลือกไฟล์ เลือกไฟล์ และเลือกไฟล์ทั้งหมดที่นำเข้าโดย index html index html ย้ายไปที่ สาธารณะ สาธารณะ , จากนั้นคลิก บันทึก บันทึก , ตามที่แสดงที่นี่ 4\ ไฟล์ของคุณจะมีลักษณะดังนี้ 7 เสร็จสิ้น หลังจากทำตามคำแนะนำที่อธิบายไว้ข้างต้น คุณเพียงแค่ต้องเปิดเบราว์เซอร์ของคุณด้วยที่อยู่ web hosting ที่คุณได้สร้างขึ้น ในกรณีที่คุณต้องการความช่วยเหลือหรือฟังก์ชัน/ลิงก์ไม่ทำงาน กรุณาติดต่อทีมงานของเราผ่านการแชท!