最近國外的一款基于語音的社交軟件clubhouse掀起了一股熱潮，尤其是在Eleon Musk的帶動下，整個互聯網圈內人都在第一時間搶先體驗。

不管它為什么會火，肯定不是技術上有什么特別的優勢。隨著整個互聯網技術生態的不斷發展，互聯網基礎建設的不斷完善，想快速實現一個產品，還是有很多的方案可以選擇。

而今天給大家帶來的是Github上的一個clubhouse的開源實現。

NesHouse 是一個基于 Agora、LeanCloud 服務，使用 Alpine.js 、Bulma Css、NES.css 構建的前端項目，這個項目實現了一套基于 NES 風格的 clubhouse，你可以使用 NESHouse 來創建自己的線上直播間，也可以將其分享出去，邀請別人一起參與討論。

特性

• 多聊天直播間支持

• 管理員權限

• 多主播同時發言

• 觀眾申請發言

• 管理員禁言主播

• 生成分享鏈接

界面

依賴服務

• LeanCloud 國際版

• Agora.io 聲網?+（非必需）Vercel

如何使用

使用流程

注冊一個?LeanCloud 國際賬戶，并創建一個項目，用于后續的項目配置

注冊一個 Agora 聲網賬號，并創建一個項目，獲取 AppID。創建項目時請選擇調試模式，僅 APPID 鑒權。

從 LeanCloud 的應用后臺?-?你使用的應用?-?設置?-?應用 Keys?中找到?AppID?和?AppKey，將其記錄下來，以備后用。

從 LeanCloud 的應用后臺?-?你使用的應用?-?存儲?-?服務設置?中啟用?Live Query

在 LeanCloud 的應用后臺?-?你使用的應用?-?存儲?-?結構化數據?，并創建一個名為?RoomUser?的 Class。

將上面記錄的聲網的應用 AppID 和 LeanCloud 的 AppID 和 APPkey 填寫到?js/config.js?頂部的配置中。

將修改好的文件部署到你自己的服務器上，并配置域名指向。

配置說明

js/config.js

const?AVAPPID?=?""?//?LeanCloud?AppID const?AVAPPKEY?=?""?//?LeanCloud?AppKey const?BASEURL?=?""?//?最終網頁所在的路徑，生成的分享鏈接會基于這個地址產生 const?DEFAULT_TEXT?=?"Please?contact?<a?href='mailto:bestony@linux.com'>bestony@linux.com</a>?to?Learn?more"?//?頁面頂部展示的文字 const?AGORAAPPID?=?""?//?聲網服務的?AppID

Demo

• 創建房間: https://neshouse.com/admin.html

• 默認主頁: https://neshouse.com/admin.html

Demo 使用流程

在 域名/admin.html 中輸入房間名 & 用戶昵稱，創建一個新的房間

點擊下方的?Log in to chat room as Administrator?以管理員身份登陸房間

復制輸入框內的鏈接，分享給你的朋友，邀請他們加入房間。

總結

以上是生活随笔為你收集整理的互联网基建成果，快速实现一个clubhouse要多久的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。