tidi

Tidi

Rencontrez Tidi, le composant de chat à bulles 2kb pour n'importe quel site Web ... fabriqué en utilisant Preact, en cours d'exécution avec un service backend compilé 4MB

L'extrémité avant

Backend

Clause de non-responsabilité

J'ai réalisé ce projet pour un besoin spécifique, qui était un `` chat en direct '' lite sur une plate-forme comme Twitter de la fonctionnalité "Twitter Space", la dernière idée était de proposer une extension Web qui pourrait permettre de discuter sur Internet avec un seul ClaceKey et un nom d'utilisateur, c'est pourquoi le projet a d'abord été appelé TTSPCH (Twitter Space Chat) ... Eh bien ..., j'ai décidé de le changer en raison du pronomage impossible.

Exigences

• nœud / npm (pour dev)
• aller (pour dev)
• Docker (pour le prod)

Commandes CLI

Le backend doit être fonctionné avant le frontend ...

Arrière

Faire un coup de pouce

 # 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

Le service doit être exécuté sur le port :1324

L'extrémité avant

Faire un coup de pouce

 # 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

L'application doit être accessible sur le port :8080

Intégration

Disons que vous souhaitez l'intégrer à l'intérieur de votre application, vous n'aurez qu'à passer au composant, deux paramètres:

• L'hôte du service de course
• Le nom d'utilisateur de l'utilisateur actuel

Xtensions

J'ai réussi à faire une petite extension Web Chrome Test pour Tidi et cela fonctionne assez bien sur un espace Twitter NFT ...

Cliquez sur l'image pour Whatch la vidéo:

Auteur

• plus sombre