tidi

ティディ

任意のWebサイトの2kbバブルチャットコンポーネントであるTidiに会います... 4MBコンパイルされたバックエンドサービスで実行されているPreatactを使用して作られています。

フロントエンド

バックエンド

免責事項

私はこのプロジェクトを特定のニーズのために作成しました。これは、「Twitterスペース」機能のTwitterのようないくつかのプラットフォームでのLite「ライブチャット」でした。最後のアイデアは、単一のRoomkeyとユーザー名でインターネット全体でチャットすることができるWeb拡張機能を考案することでした。

要件

• ノード/npm（dev用）
• Go（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でアクセスできるようにする必要があります

統合

アプリケーション内に統合すると、コンポーネント、2つのパラメーターに渡す必要があります。

• ランニングサービスのホスト
• 現在のユーザーのユーザー名

Xtensions

Tidiのために小さなテストChrome Web拡張機能を作成することができましたが、NFT Twitterスペースでかなりうまく機能しています...

画像をクリックしてビデオをwhatch：

著者

• 暗い