tidi

티디

모든 웹 사이트의 2kb 버블 채팅 구성 요소 인 TIDI를 만나십시오 ... 4MB 컴파일 백엔드 서비스로 실행되는 Preact를 사용하여 만들어졌습니다.

프론트 엔드

백엔드

부인 성명

나는이 프로젝트를 구체적인 요구에 맞게 만들었습니다. 즉, "Twitter Space"기능의 트위터와 같은 일부 플랫폼에서 Lite 라이브 채팅 '이었으며, 최종 아이디어는 싱글 룸키와 사용자 이름으로 인터넷을 통해 채팅 할 수있는 웹 확장을 제시하는 것이 었습니다. 이것이 TTSPCH (Twitter Space Chat에 대한)라고 불리는 이유입니다.

요구 사항

• 노드/npm (dev for dev)
• GO (Dev for dev)
• Docker (prod for the prod)

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 에서 액세스 할 수 있어야합니다

완성

응용 프로그램 내부에 통합하려고한다고 가정 해 보겠습니다. 구성 요소로 전달하면 두 가지 매개 변수입니다.

• 달리기 서비스의 호스트
• 현재 사용자의 사용자 이름

xctensions

나는 Tidi에 대한 작은 테스트 Chrome 웹 확장을 만들었고 NFT Twitter 공간에서 꽤 잘 작동하고 있습니다 ...

이미지를 클릭하여 비디오의 Whatch :

작가

• 더 어둡다