หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>โค้ดแหล่งที่มา AI
ดาวน์โหลด

wechat-im

โปรแกรม WeChat Mini การส่งข้อความโต้ตอบแบบทันที

ฉันได้ใช้ความพยายามอย่างมากในการพัฒนาโครงการนี้ หากสิ่งนี้มีประโยชน์และสร้างแรงบันดาลใจให้กับคุณ ฉันหวังว่าจะให้โครงการนี้ star บน GitHub ! นอกจากนี้ยังสนับสนุนและยืนยันการทำงานของฉัน!

ฉันยังรู้สึกขอบคุณ kulovecc เป็นอย่างยิ่งสำหรับการแก้ไขและแก้ไขปัญหาเค้าโครงข้อความล้นที่ยาวเกินไปในโครงการ!

แนะนำ:

wechat-im เป็นเทมเพลตที่สมบูรณ์ที่ช่วยให้คุณสามารถใช้ฟังก์ชันการส่งข้อความโต้ตอบแบบทันทีบนแพลตฟอร์มมินิโปรแกรมได้อย่างรวดเร็ว

อัปเดตเป็นเวอร์ชัน 2.xx แล้ว

เมื่อเทียบกับ 1.0.x และเวอร์ชันก่อนหน้า คุณลักษณะใหม่ใน 2.xx

  • ไวยากรณ์ ES6 ถูกใช้อย่างเต็มที่ และการดำเนินการแบบอะซิงโครนัสใช้น้ำตาลไวยากรณ์ Promise และ async เพื่อทำให้โค้ดมีความหมายมากขึ้น! (ต้องใช้เครื่องมือพัฒนา WeChat รุ่นใหม่และเปิดใช้งาน "การรวบรวมที่ได้รับการปรับปรุง")
  • ฟังก์ชั่นป้อนข้อความได้รับการจัดองค์ประกอบโดยใช้ Component ซึ่งมีประสิทธิภาพดีกว่าเวอร์ชันก่อนหน้า!
  • เวอร์ชันไลบรารีพื้นฐาน WeChat ขั้นต่ำที่รองรับคือ 2.6.1 (เวอร์ชันขั้นต่ำที่รองรับก่อนหน้านี้คือ 1.4.0)
  • แก้ไขปัญหาในบางสถานการณ์ ตัวอย่างเช่น เมื่อเล่นข้อความเสียง หากคุณออกจากอินเทอร์เฟซแชท เสียงนั้นจะยังคงเล่นอยู่
  • เอกสาร 2.xx โปรดอัปเดตภายในไม่กี่วัน นักเรียนที่มีความสามารถสามารถอัปเดตได้ ซึ่งส่วนใหญ่เป็นการอัปเดตไวยากรณ์และการจัดองค์ประกอบ ช่วงนี้งานฉันค่อนข้างยุ่ง ดังนั้นฉันขอโทษเพื่อนร่วมชั้นทุกคนด้วย

ลักษณะ:

  • ปัจจุบัน webSocket ได้ถูกนำมาใช้ในโครงการเพื่อตระหนักถึงฟังก์ชั่นการสื่อสารของ IM! ขณะนี้ประกอบด้วยหน้ารายการเซสชัน หน้าเซสชัน และหน้าเพื่อน รองรับการใช้ nodejs เพื่อเปิดบริการ WebSocket ในเครื่อง
  • รองรับการส่งข้อความ รูปภาพ เสียง และวิธีป้อนอิโมจิ
  • รองรับการถ่ายภาพ เลือกภาพจากแกลเลอรี่ และดูตัวอย่างภาพ
  • รองรับการแสดงปุ่มส่งเมื่อสลับเป็นการป้อนข้อความ
  • รองรับการเล่นเสียงและการเล่นภาพเคลื่อนไหว
  • รองรับการกำหนดค่าเวลาขั้นต่ำและสูงสุดสำหรับการบันทึกเสียง
  • รองรับการกำหนดค่าเหตุการณ์ที่กำหนดเอง
  • รองรับข้อความแชทเรียงตามเวลา
  • หลังจากส่งข้อความแล้วเพจจะเด้งกลับไปด้านล่างสุด
  • ใช้อินเทอร์เฟซการเล่นเสียงล่าสุดและเข้ากันได้กับอินเทอร์เฟซการเล่นเสียงเวอร์ชันต่ำกว่า
  • การอัปเดตสถานะของข้อความที่กำลังส่ง ส่งสำเร็จ และไม่สามารถส่งได้
  • รองรับการส่งข้อความล้มเหลว คลิกปุ่มส่งอีกครั้งเพื่อส่งอีกครั้ง
  • ปรับตรรกะการแสดงฟองเวลาให้เหมาะสม ข้อมูลที่อยู่ติดกันมีค่ามากกว่า 5 นาทีก่อนที่จะแสดงข้อมูลหลัง
  • เพิ่มการแสดงสถานะเซสชัน UI ที่ด้านบนของหน้า
  • ฟังก์ชั่นที่กำหนดเองเพื่อแสดงฟองอากาศที่กำหนดเอง
  • โดยการแยกวิเคราะห์ข้อมูลข้อความเสียงหรือรูปภาพ ไฟล์ในเครื่องจะถูกอ่านก่อน
  • อัลกอริธึมการจัดเก็บไฟล์ถูกนำมาใช้เพื่อให้แน่ใจว่าไฟล์เสียงและรูปภาพในพื้นที่จัดเก็บข้อมูล 10M เป็นข้อมูลล่าสุด
  • ข้อความแต่ละประเภทและแต่ละฟังก์ชันได้รับการแยกส่วน ทำให้คุณเรียกดูโค้ดได้อย่างสะดวกและง่ายดาย (จริงๆ แล้วนี่ไม่ถือเป็นฟีเจอร์ส่วนประกอบ...)

คุณสมบัติที่ไม่รองรับในขณะนี้:

  • หากคุณต้องการใช้แชทกลุ่ม ชื่อเล่นของสมาชิกจะไม่ปรากฏถัดจากอวตารใน UI ปัจจุบัน
  • ไม่มีข้อความแชทในอดีตที่จัดเก็บไว้ในเครื่อง ดูส่วนท้ายของเอกสารด้วยเหตุผล
  • ปัจจุบันฟังก์ชั่นทั้งหมดของ WebSocket มีไว้เพื่อการเรียนรู้และการอ้างอิงเท่านั้น หากคุณต้องการใช้ในเชิงพาณิชย์ โปรดพัฒนาด้วยตนเอง
  • ขณะนี้ยังไม่รองรับเป็นปลั๊กอิน

คุณต้องมีเงื่อนไขอะไรบ้างในการศึกษาหรือใช้โครงการนี้?

  • คุณต้องคุ้นเคยกับข้อกำหนดทางไวยากรณ์ ES6 และรูปแบบการออกแบบ ไม่เช่นนั้นโปรเจ็กต์จะมีเกณฑ์ที่สูงสำหรับคุณ
  • WebSocket ไม่จำเป็นต้องเชี่ยวชาญเชิงลึก แต่คุณจำเป็นต้องรู้ API ทั่วไปและการใช้งาน WebSocket สำหรับรายละเอียด โปรดดูมินิโปรแกรม WebSocket
  • ทำความเข้าใจกับการติดตั้งการพึ่งพา npm และการดำเนินการคำสั่ง (บล็อกนี้ส่วนใหญ่จะใช้เพื่อเริ่มบริการ WebSocket ในเครื่อง)

วิธีการติดตั้งและใช้งาน

1. โครงการนำเข้าเครื่องมือสำหรับนักพัฒนา 

修改app.js文件中下面配置的url为你本地网络ip及固定的端口号8001，即ws://xx.xx.xx.xx:8001
this.imWebSocket.createSocket({url: 'ws://10.4.97.87:8001'});

2. สร้างบริการ WebSocket ในพื้นที่ 

项目根目录下启动Terminal
需先安装依赖 npm install
执行 npm run server  即可开启WebSocket服务

3. ใช้เครื่องมือสำหรับนักพัฒนาเพื่อดำเนินโครงการ

หากโครงการของคุณใช้เฟรมเวิร์กนี้และนำไปใช้งานอย่างเป็นทางการ หากสะดวก คุณสามารถระบุโค้ด QR ของมินิโปรแกรมของคุณ และฉันสามารถโปรโมตได้ที่นี่

ลิงค์

เอกสาร

คำถาม

บันทึกการเปลี่ยนแปลง

ใบอนุญาต

ให้ความร่วมมือ

สำหรับการแลกเปลี่ยนทางเทคนิค โปรดเข้าร่วมกลุ่ม QQ: กลุ่ม 1: 821711186 (เต็ม) กลุ่ม 2: 834335591

หากคุณมีความตั้งใจที่จะร่วมมือหรือต้องการโปรโมตผลิตภัณฑ์ของคุณ คุณสามารถเพิ่ม QQ: 1178545208

ยินดีให้คำแนะนำ

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด