{"id":18438192,"url":"https://github.com/easemob/circle-demo-web","last_synced_at":"2026-03-07T06:31:15.845Z","repository":{"id":90207158,"uuid":"530610660","full_name":"easemob/Circle-Demo-Web","owner":"easemob","description":null,"archived":false,"fork":false,"pushed_at":"2024-06-21T05:39:04.000Z","size":5945,"stargazers_count":13,"open_issues_count":0,"forks_count":7,"subscribers_count":9,"default_branch":"dev","last_synced_at":"2025-04-07T20:43:57.468Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/easemob.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-08-30T10:42:48.000Z","updated_at":"2024-06-21T05:35:19.000Z","dependencies_parsed_at":"2025-04-07T20:50:57.736Z","dependency_job_id":null,"html_url":"https://github.com/easemob/Circle-Demo-Web","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"purl":"pkg:github/easemob/Circle-Demo-Web","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/easemob%2FCircle-Demo-Web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/easemob%2FCircle-Demo-Web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/easemob%2FCircle-Demo-Web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/easemob%2FCircle-Demo-Web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/easemob","download_url":"https://codeload.github.com/easemob/Circle-Demo-Web/tar.gz/refs/heads/dev","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/easemob%2FCircle-Demo-Web/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30209086,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-07T05:23:27.321Z","status":"ssl_error","status_checked_at":"2026-03-07T05:00:17.256Z","response_time":53,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-06T06:18:59.982Z","updated_at":"2026-03-07T06:31:15.592Z","avatar_url":"https://github.com/easemob.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 环信超级社区（Circle）示例项目\n\n## 简介\n\n环信超级社区（Circle）是一款基于环信 IM 打造的类 Discord 实时社区应用场景方案，支持社区（Server）、频道（Channel） 和子区（Thread） 三层结构。一个 App 下可以有多个社区，同时支持陌生人/好友单聊。用户可创建和管理自己的社区，在社区中设置和管理频道将一个话题下的子话题进行分区，在频道中根据感兴趣的某条消息发起子区讨论，实现万人实时群聊，满足超大规模用户的顺畅沟通需求。\n该仓库包含了使用环信即时通讯 IM Web SDK 实现超级社区的示例项目。\n\n## 项目结构\n\n```\n.\n├── README.md\n├── config\n├── jsconfig.json\n├── package-lock.json\n├── package.json\n├── public\n├── scripts\n├── src\n│   ├── App.js\n│   ├── App.less\n│   ├── App.test.js\n│   ├── assets //静态资源\n│   ├── components //基础组件\n│   ├── index.css\n│   ├── index.js\n│   ├── layout //页面入口\n│   │   ├── Channel //频道相关页面\n│   │   │   ├── InviteUser //邀请用户加入频道\n│   │   │   ├── SideBar // 频道列表及当前server展示页面\n│   │   │   └──  index.js //频道页面入口\n│   │   ├── ChannelSetting //频道设置页面\n│   │   │   └──  index.js //频道设置页面入口\n│   │   ├── Contacts\n│   │   │   ├── SideBar 联系人列表页面\n│   │   │   └──  index.js //联系人页面入口\n│   │   ├── Main\n│   │   │   ├── ScrollBar //社区列表页面\n│   │   │   ├── ServerForm //创建、编辑社区\n│   │   │   └── index.js //主页面入口\n│   │   ├── Server\n│   │   │   ├── SideBar //广场菜单页面\n│   │   │   └──  index.js //广场页面入口\n│   │   ├── ServerSetting //频道设置页面\n│   │   │   └──  index.js //频道设置页面入口\n│   │   └── UserInfo\n│   │       ├── SideBar //用户信息页面\n│   │       └──  index.js //用户信息页面入口\n│   ├── routes //路由\n│   ├── setupTests.js\n│   ├── store //数据管理\n│   │   └── models\n│   │       ├── app.js //app 数据管理\n│   │       ├── channel.js //频道数据管理\n│   │       ├── contact.js //联系人数据管理\n│   │       ├── server.js //社区数据管理\n│   │       ├── rtc.js //音视频数据管理\n│   │       └── thread.js //子区数据管理\n│   ├── utils sdk及公用方法\n│   └── views //页面组件\n│       ├── Channel\n│       │   ├── components //频道聊天页面组件\n│       │   └── index.js //频道聊天页面\n│       ├── ChannelSetting\n│       │   ├── components //频道设置页面组件\n│       │   └── index.js //频道设置页面\n│       ├── ServerSetting\n│       │   ├── components //社区设置页面组件\n│       │   └── index.js //社区设置页面\n│       ├── Chat\n│       │   ├── components //联系人聊天页面组件\n│       │   └── index.js //联系人聊天页面\n│       ├── ContactsOperation\n│       │   └── index.js //联系人页面\n│       ├── Login\n│       │   └── login.js //登录页面\n│       ├── ServerSquare\n│       │   └── index.js //广场页面\n│       ├── Thread\n│       │   ├── components //子区页组件\n│       │   └── index.js //子区页面\n│       └── UserInfo\n│           └── index.js //更新用户信息\n\n```\n\n\n## 运行项目\n\n1、克隆项目  \n```bash\ngit clone https://github.com/easemob/Circle-Demo-Web.git\n```\n\n2、安装依赖\n```bash\nnpm install\n```\n\n3、设置appKey\n在\"/src/utils/WebIM.js\"文件中设置你的appKey。\n如需语聊房服务，需要设置appId\n在\"/src/utils/basicVoiceCall.js\"文件中设置你的appId。\n\n4、运行项目\n\n```bash\nnpm start\n```\n## 反馈\n如果你有任何问题或建议，可以通过 issue 的形式反馈。\n\n## 参考文档\n\n产品概述及开发文档：\nhttps://docs-im.easemob.com/ccim/circle/overview\n\n## 代码许可\n示例项目遵守 MIT 许可证。","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feasemob%2Fcircle-demo-web","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Feasemob%2Fcircle-demo-web","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feasemob%2Fcircle-demo-web/lists"}