wechat im

wechat-im

برنامج المراسلة الفورية WeChat Mini

لقد بذلت الكثير من الجهد في تطوير هذا المشروع، إذا كان مفيدًا وملهمًا لك، آمل أن أمنحه star على GitHub ! كما أنه يدعم ويؤكد عملي!

أنا أيضًا ممتن جدًا لـ kulovecc لتصحيح وتقديم مشكلة تخطيط تجاوز النص الطويل جدًا في المشروع!

يقدم:

wechat-im هو قالب كامل يسمح لك بتنفيذ وظائف المراسلة الفورية بسرعة على منصة البرنامج المصغر.

تم التحديث الآن إلى الإصدار 2.xx

مقارنة مع 1.0.x والإصدارات السابقة، هناك ميزات جديدة في 2.xx

• يتم استخدام بناء جملة ES6 بالكامل، وتستخدم العمليات غير المتزامنة سكر بناء الجملة الوعدي وغير المتزامن لجعل الكود أكثر دلالة! (يتطلب أدوات تطوير WeChat أحدث وتشغيل "التجميع المحسّن")
• تم تقسيم وظيفة إدخال النص باستخدام المكون، الذي يتمتع بأداء أفضل من الإصدار السابق!
• الحد الأدنى المدعوم لمكتبة WeChat الأساسية هو 2.6.1 (الحد الأدنى السابق للإصدار المدعوم هو 1.4.0)
• تم إصلاح المشكلات في بعض السيناريوهات. على سبيل المثال، عند تشغيل رسالة صوتية، إذا قمت بالخروج من واجهة الدردشة، فسيستمر تشغيل الصوت.
• 2.xx المستند، يرجى تحديثه في غضون أيام قليلة. يمكن للطلاب القادرين على تحديثه، ومعظمها عبارة عن تحديثات بناء الجملة والمكونات. لقد كنت مشغولاً للغاية مؤخرًا، لذا أنا آسف لجميع زملائي في الفصل.

مميزة:

• حاليًا، تم استخدام webSocket في المشروع لتحقيق وظيفة الاتصال الخاصة بالمراسلة الفورية! يتضمن حاليًا صفحة قائمة الجلسات وصفحة الجلسة وصفحة الأصدقاء. دعم استخدام Nodejs لفتح خدمة WebSocket المحلية.
• يدعم إرسال النصوص والصور والصوت وطريقة إدخال الرموز التعبيرية
• يدعم التقاط الصور واختيار الصور من المعرض ومعاينة الصور
• دعم إظهار زر الإرسال عند التبديل إلى إدخال النص.
• يدعم تشغيل الصوت وتشغيل الرسوم المتحركة.
• يدعم تكوين الحد الأدنى والحد الأقصى للوقت لتسجيل الصوت.
• يدعم تكوين الأحداث المخصصة.
• دعم رسائل الدردشة مرتبة حسب الوقت.
• بعد إرسال الرسالة، ستعود الصفحة إلى الأسفل.
• يستخدم أحدث واجهة تشغيل الصوت ومتوافق مع واجهات تشغيل الصوت ذات الإصدار الأقل.
• تحديث حالة الرسالة التي يتم إرسالها، وتم إرسالها بنجاح، وفشل إرسالها
• يدعم فشل إرسال الرسائل، انقر فوق زر إعادة الإرسال لإعادة الإرسال.
• قم بتحسين منطق عرض الفقاعة الزمنية حيث تكون المعلومات المجاورة أكبر من 5 دقائق قبل عرض المعلومات الأخيرة.
• تمت إضافة عرض واجهة المستخدم لحالة الجلسة في أعلى الصفحة
• وظيفة مخصصة لعرض الفقاعات المخصصة.
• من خلال تحليل معلومات الرسائل الصوتية أو المصورة، تتم قراءة الملفات المحلية أولاً.
• يتم تنفيذ خوارزمية تخزين الملفات للتأكد من تحديث ملفات الصوت والصور الموجودة في مساحة التخزين البالغة 10 ميجا بايت.
• تم تقسيم كل نوع رسالة وكل وظيفة إلى وحدات، مما يجعل تصفح الكود أمرًا ممتعًا وسهلاً بالنسبة لك. (في الواقع، لا تعتبر هذه ميزة مكونة...)

الميزات غير المدعومة حاليًا:

• إذا كنت تريد استخدام الدردشة الجماعية، فلن يتم عرض ألقاب الأعضاء بجوار الصورة الرمزية في واجهة المستخدم الحالية.
• لا توجد رسائل دردشة تاريخية مخزنة محليًا. انظر نهاية الوثيقة لمعرفة السبب.
• حاليًا، جميع وظائف WebSocket مخصصة للتعلم والمرجع فقط، إذا كنت تريد استخدامها تجاريًا، فيرجى تطويرها بنفسك.
• في الوقت الحالي، لا يتم دعمه كمكون إضافي.

ما هي الشروط التي تحتاجها لدراسة أو استخدام هذا المشروع؟

• يجب أن تكون على دراية بمواصفات بناء جملة ES6 وأنماط التصميم، وإلا فسيكون للمشروع عتبة عالية بالنسبة لك.
• لا يحتاج WebSocket إلى إتقانه بعمق، ولكنك بحاجة إلى معرفة واجهات برمجة التطبيقات الشائعة واستخدام 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. استخدم أدوات المطور لتشغيل المشروع

إذا كان مشروعك يستخدم هذا الإطار وتم تشغيله رسميًا، وإذا كان ذلك مناسبًا، فيمكنك تقديم رمز الاستجابة السريعة لبرنامجك الصغير، ويمكنني الترويج له هنا.

وصلة

وثيقة

أسئلة

سجل التغيير

رخصة

التعاون

للتبادلات الفنية، يرجى الانضمام إلى مجموعات QQ: المجموعة 1: 821711186 (كاملة) المجموعة 2: 834335591

إذا كان لديك أي نية للتعاون أو ترغب في الترويج لمنتجاتك، يمكنك إضافة س ف: 1178545208

النصائح هي موضع ترحيب