tidi

Tidi

Treffen Sie Tidi, die 2kb -Bubble -Chat -Komponente für jede Website, die mit Preact hergestellt wurde und mit einem 4MB -Kompilierungs -Backend -Service ausgeführt wird.

Frontend

Backend

Haftungsausschluss

Ich habe dieses Projekt für ein bestimmtes Bedürfnis erstellt, das war ein Lite -Live -Chat auf einer Plattform wie Twitter aus der Funktion "Twitter Space". Die endgültige Idee war dann, eine Web -Erweiterung zu entwickeln, die es ermöglichen könnte, im gesamten Internet mit einem einzigen Roomkey zu chatten, und einen Benutzernamen, deshalb wurde das Projekt zum ersten Mal als TTSPCH bezeichnet (standardvoll für Twitter Space Chat).

Anforderungen

• Knoten/NPM (für Dev)
• Go (für Dev)
• Docker (für den Produkt)

CLI -Befehle

Das Backend sollte zuerst vor dem Frontend laufen ...

Back End

Prod

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

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

Dev

 # Start the backend app
cd backend && make run

Der Dienst sollte auf Port ausgeführt werden :1324

Frontend

Prod

 # 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

Dev

 # install dependencies
npm install

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

Die App sollte auf Port zugänglich sein :8080

Integration

Nehmen wir an, Sie möchten es in Ihre Anwendung integrieren. Sie müssen nur an die Komponente weitergeben, zwei Parameter:

• Der Gastgeber des laufenden Dienstes
• Der Benutzername des aktuellen Benutzer

XTensionen

Ich habe es geschafft, eine kleine Test -Chrome -Web -Erweiterung für TIDI zu erstellen, und es funktioniert ziemlich gut auf einem NFT -Twitter -Bereich ...

Klicken Sie auf das Bild, um das Video zu erhalten:

Autor

• dunkler