sendbird javascript samples

ตัวอย่าง Sendbird JavaScript SDK V3

หมายเหตุการคัดค้าน (v3)

โปรดทราบว่า SDK V3 ของ Sendbird จะเลิกกิจการภายใน เดือนกรกฎาคม 2566 คุณยังอาจใช้ SDK ที่เก่ากว่าตามที่คุณเลือก แต่จะไม่มีการอัปเดตใหม่หรือการแก้ไขข้อบกพร่องที่ SDK V3

เราขอแนะนำให้ลูกค้าวางแผนการย้ายถิ่นของพวกเขาไปยัง SDK V4 โดยเร็วที่สุดเท่าที่จะเป็นไปได้ นอกจากนี้เรายังให้การสนับสนุนการจัดลำดับความสำคัญสำหรับการย้ายถิ่นและปัญหาใด ๆ ที่เกี่ยวข้องกับ V4 SDK V4 มีคุณสมบัติที่สมบูรณ์ยิ่งขึ้นและมีประสิทธิภาพใน WebSocket, แคชท้องถิ่น, โพล, ข้อความที่กำหนด, ข้อความที่ตรึงและอื่น ๆ อีกมากมาย ลองเลย! (แชท SDK v4 react ตัวอย่าง)

เคล็ดลับความปลอดภัย

เมื่อแอปพลิเคชัน SendBird ใหม่ถูกสร้างขึ้นในแผงควบคุมการตั้งค่าความปลอดภัยเริ่มต้นจะได้รับอนุญาตให้ง่ายขึ้นเพื่อลดความซับซ้อนของตัวอย่างการรันและใช้รหัสแรกของคุณ

ก่อนที่จะเปิดตัวตรวจสอบให้แน่ใจว่าได้ตรวจสอบแท็บความปลอดภัยภายใต้การตั้งค่า -> ความปลอดภัยและตั้งค่าการอนุญาตการเข้าถึงโทเค็นเพื่ออ่านหรือปิดใช้งานเท่านั้นเพื่อให้ผู้ใช้ที่ไม่ผ่านการรับรองไม่สามารถเข้าสู่ระบบเป็นคนอื่นได้ และตรวจสอบรายการควบคุมการเข้าถึง แอพส่วนใหญ่จะต้องการปิดใช้งาน "อนุญาตให้ดึงรายชื่อผู้ใช้" ซึ่งอาจเปิดเผยหมายเลขการใช้งานและข้อมูลอื่น ๆ

การแนะนำ

ที่เก็บนี้มีตัวอย่างสำหรับวิธีใช้ Sendbird เพื่อเพิ่มการแชทโดยใช้ JavaScript, React และ React Native คุณสามารถค้นหาข้อมูลเพิ่มเติมในเอกสาร JavaScript SDK และ React QuickStart Documentation

ตอบโต้

Sendbird Uikit สำหรับ React เป็นชุดของส่วนประกอบ UI ที่สร้างไว้ล่วงหน้าซึ่งช่วยให้คุณสามารถสร้างการแชทในแอปได้อย่างง่ายดายด้วยคุณสมบัติการส่งข้อความที่จำเป็นทั้งหมด ชุดพัฒนาของเรารวมถึงธีมแสงและสีเข้มแบบอักษรข้อความสีและอื่น ๆ ส่วนประกอบที่รวมทั้งหมดสามารถจัดสไตล์และปรับแต่งเพื่อสร้างประสบการณ์ที่ไม่เหมือนใครที่เหมาะกับแอพของคุณ

• แอพ React พื้นฐาน เป็นวิธีที่เร็วที่สุดในการเริ่มต้นใช้ UIKIT

• แอป React ที่ประกอบขึ้น แสดงให้เห็นถึงวิธีการใช้ส่วนประกอบอัจฉริยะต่างๆ

• แอพ React ที่กำหนดเอง แสดงวิธีปรับแต่ง ข้อความ channelpreview และองค์ประกอบ UI userlist

ตอบสนองพื้นเมือง

Sendbird React Native Framework ช่วยให้คุณสามารถพัฒนาการพัฒนาสำหรับแอพ iOS และ Android ได้ง่ายขึ้นและนำรหัสเดียวกันกลับมาใช้ใหม่ทั้งบนเว็บและแอพมือถือ

• React Redux Native แสดงวิธีการใช้ Sendbird กับ React Native บน iOS และ Android

• React Redux SyncManager ขยายตัวอย่างด้านบนและดำเนินการ SENDBIRD SyncManager

• React Native Hooks ใช้ sendbird บน iOS และ Android โดยใช้รูปแบบ hooks

จาวาสคริปต์

• ตัวอย่างการแชท JavaScript เป็นตัวอย่างแชทแบบเต็มหน้าจอแบบ Slack สำหรับเบราว์เซอร์เดสก์ท็อปโดยใช้ทั้งช่องกลุ่มและช่องเปิด

• ตัวอย่างวิดเจ็ต JavaScript เป็นวิดเจ็ตแชทที่เหมือน Facebook-Chat สำหรับเว็บไซต์

• JavaScript Live Chat ตัวอย่าง เป็นประสบการณ์เหมือน Twitch-Chat

• ตัวอย่างแชท JavaScript พร้อม SyncManager เป็นตัวอย่างเว็บแชทที่รวมเข้ากับเอกสาร SendBird SyncManager เพิ่มแคชท้องถิ่นลงในคุณสมบัติการแชทหลัก สำหรับการโหลดข้อมูลที่เร็วขึ้นและการแคชตัวอย่างจะซิงโครไนซ์กับเซิร์ฟเวอร์ Sendbird และบันทึกรายการช่องกลุ่มและข้อความภายในแคชท้องถิ่นลงในแอพไคลเอนต์ของคุณ

การติดตั้ง

หากต้องการใช้ SendBird Chat SDK โดยตรงคุณสามารถติดตั้งผ่าน NPM หรือเส้นด้ายด้วย

npm install --save sendbird

หรือ

yarn install --save sendbird

หรือดาวน์โหลดรุ่นล่าสุดด้วยตนเองจาก GitHub

ขอความช่วยเหลือ

ตรวจสอบ UIKIT สำหรับเอกสารที่ตอบสนอง และพอร์ทัลนักพัฒนาของ Sendbird สำหรับบทเรียนและวิดีโอ หากคุณต้องการความช่วยเหลือในการแก้ไขปัญหาใด ๆ หรือมีคำถามให้ไปที่ฟอรัมชุมชนของเรา

เรากำลังจ้าง!

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