tidi

تيدي

تعرف على Tidi ، مكون الدردشة الفقاعي 2kb لأي موقع ويب ... تم إجراؤه باستخدام Preact ، يعمل مع خدمة الخلفية المترجمة 4MB .

الواجهة

الخلفية

تنصل

لقد قدمت هذا المشروع لتلبية حاجة محددة ، كان ذلك عبارة عن "دردشة حية" لايت على منصة مثل Twitter من ميزة "Space" ، وكانت الفكرة النهائية بعد ذلك هو التوصل إلى امتداد ويب يمكن أن يسمح بالدردشة في جميع أنحاء الإنترنت باستخدام غرفة غرفة واحدة واسم مستخدم ، ولهذا السبب كان يسمى المشروع لأول مرة TTSPCH (يقف على Twitter Space Chat) ... جيدًا .. قررت تغيير IT IT IT المستحيل.

متطلبات

• العقدة/NPM (لـ DEV)
• اذهب (من أجل ديف)
• Docker (للمنتج)

أوامر CLI

يجب أن تعمل الواجهة الخلفية أولاً قبل الواجهة الأمامية ...

النهاية الخلفية

همز

 # start the docker container
cd backend && make docker-run

# or using pm2 :
# cd backend
# pm2 start --name tidi-backend make -- docker-run

ديف

 # Start the backend app
cd backend && make run

يجب أن تعمل الخدمة على الميناء :1324

الواجهة الأمامية

همز

 # This step is optional, because you can use the provided dist resource,
# ths command will install dependencies, build bundles to be consumed
# copy the appropriate html file in dist
make build-dist

# then serve the dist folder with an http server
cd dist && http-server

ديف

 # install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

يجب أن يكون التطبيق متاحًا على المنفذ :8080

اندماج

دعك تقول إنك تريد دمجه داخل تطبيقك ، فسيتعين عليك فقط الانتقال إلى المكون ، معلمتان:

• مضيف خدمة الجري
• اسم المستخدم للمستخدم الحالي

Xtensions

تمكنت من إجراء امتداد صغير على شبكة الإنترنت من أجل Tidi وهو يعمل بشكل جيد على مساحة NFT Twitter ...

انقر على الصورة إلى Whatch The Video:

مؤلف

• أغمق