{"id":28364423,"url":"https://github.com/wildfirechat/vue-chat","last_synced_at":"2025-06-23T15:32:22.459Z","repository":{"id":38415428,"uuid":"293726738","full_name":"wildfirechat/vue-chat","owner":"wildfirechat","description":"即时通讯(野火IM)系统Web端","archived":false,"fork":false,"pushed_at":"2025-06-12T23:58:51.000Z","size":30642,"stargazers_count":211,"open_issues_count":5,"forks_count":125,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-06-13T00:38:31.176Z","etag":null,"topics":["chat","im","messager","vue-chat","vue-im","web-chat","web-im"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/wildfirechat.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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,"zenodo":null}},"created_at":"2020-09-08T06:55:04.000Z","updated_at":"2025-06-12T23:58:54.000Z","dependencies_parsed_at":"2025-06-13T00:40:21.398Z","dependency_job_id":null,"html_url":"https://github.com/wildfirechat/vue-chat","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/wildfirechat/vue-chat","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wildfirechat%2Fvue-chat","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wildfirechat%2Fvue-chat/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wildfirechat%2Fvue-chat/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wildfirechat%2Fvue-chat/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wildfirechat","download_url":"https://codeload.github.com/wildfirechat/vue-chat/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wildfirechat%2Fvue-chat/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261504384,"owners_count":23168820,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["chat","im","messager","vue-chat","vue-im","web-chat","web-im"],"created_at":"2025-05-28T20:44:18.952Z","updated_at":"2025-06-23T15:32:22.447Z","avatar_url":"https://github.com/wildfirechat.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"# vue-chat\n\n## 野火IM解决方案\n\n野火IM是一套跨平台开源的即时通讯解决方案，主要包含以下内容。\n\n| [GitHub仓库地址(主站)](https://github.com/wildfirechat)            | [码云仓库地址(镜像)](https://gitee.com/wfchat)                | 说明                                                             | 备注                      |\n|--------------------------------------------------------------|-------------------------------------------------------|----------------------------------------------------------------|-------------------------|\n| [im-server](https://github.com/wildfirechat/im-server)       | [im-server](https://gitee.com/wfchat/im-server)       | IM Server                                                      |                         |\n| [android-chat](https://github.com/wildfirechat/android-chat) | [android-chat](https://gitee.com/wfchat/android-chat) | 野火IM Android SDK源码和App源码                                       | 可以很方便地进行二次开发，或集成到现有应用当中 |\n| [ios-chat](https://github.com/wildfirechat/ios-chat)         | [ios-chat](https://gitee.com/wfchat/ios-chat)         | 野火IM iOS SDK源码和App源码                                           | 可以很方便地进行二次开发，或集成到现有应用当中 |\n| [pc-chat](https://github.com/wildfirechat/vue-pc-chat)       | [pc-chat](https://gitee.com/wfchat/vue-pc-chat)       | 基于[Electron](https://electronjs.org/)开发的PC 端                   |                         |\n| [web-chat](https://github.com/wildfirechat/vue-chat)         | [web-chat](https://gitee.com/wfchat/vue-chat)         | 野火IM Web 端, [体验地址](http://web.wildfirechat.cn)                 |                         |\n| [wx-chat](https://github.com/wildfirechat/wx-chat)           | [wx-chat](https://gitee.com/wfchat/wx-chat)           | 小程序平台的Demo(支持微信、百度、阿里、字节、QQ 等小程序平台)                            |                         |\n| [app server](https://github.com/wildfirechat/app_server)     | [app server](https://gitee.com/wfchat/app_server)     | 应用服务端                                                          |                         |\n| [robot_server](https://github.com/wildfirechat/robot_server) | [robot_server](https://gitee.com/wfchat/robot_server) | 机器人服务端                                                         |                         |\n| [push_server](https://github.com/wildfirechat/push_server)   | [push_server](https://gitee.com/wfchat/push_server)   | 推送服务器                                                          |                         |\n| [docs](https://github.com/wildfirechat/docs)                 | [docs](https://gitee.com/wfchat/docs)                 | 野火IM相关文档，包含设计、概念、开发、使用说明，[在线查看](https://docs.wildfirechat.cn/) |                         |\n\n## 前置说明\n\n1. 本项目所使用的`Web SDK`是需要付费的，且依赖于`专业版 IM-Server`，价格请参考[费用详情](https://docs.wildfirechat.cn/price/)\n2. `Web SDK`和`专业版 IM-Server`都支持试用，具体请参考[试用说明](https://docs.wildfirechat.cn/trial/)\n3. 本项目默认只能连接到官方服务，购买或申请试用之后，替换`Web SDK`，即可连到自行部署的服务\n\n## 常见开发问题\n1. 音视频相关问题，请参考以下文档\n    1. [av readme](src/wfc/av/internal/README.MD)\n    2. [音视频常见问题](https://docs.wildfirechat.cn/faq/webrtc.html?h=webrtc)\n\n2. 纯内网环境，不能显示表情\n    1. 将```src/assets/twemoji```目录上传到一个内网能访问的服务器，比如部署```app server```的服务器\n    2. 确保通过```http(s)://base_twemoji_url/72x72/1f1e6.png```能访问到对应表情，此处```1f1e6.png```蓝底白字大写字母A\n    3. 修改```config.js```，将```https://static.wildfirechat.net/twemoji/assets/``` 替换成新部署的```http(s)://base_twemoji_url/```，需要注意，最后一个```/```不能省略\n    4. 动态表情类似处理\n\n3. 想自己部署表情图片\n\n    请常见问题2\n4. 通过`iframe`加载\n\n   需要通过 https 加载、并允许摄像头和麦克风权限，才能正常进行音视频通话，参考如下：\n   \u003e `\u003ciframe src=\"https://example.com\" allow=\"camera;microphone\"\u003e\u003c/iframe\u003e`\n\n\n\n\n### 联系我们\n\n\u003e 商务合作请优先采用邮箱和我们联系。技术问题请到[野火IM论坛](http://bbs.wildfirechat.cn/) 发帖交流。\n\n1. heavyrain.lee 邮箱: heavyrain.lee@wildfirechat.cn 微信：wildfirechat\n2. imndx 邮箱: imndx@wildfirechat.cn 微信：wfchat\n\n### 问题交流\n\n1. 如果大家发现bug，请在GitHub提issue\n2. 其他问题，请到[野火IM论坛](http://bbs.wildfirechat.cn/)进行交流学习\n3. 微信公众号\n\n\u003cimg src=\"http://static.wildfirechat.cn/wx_wfc_qrcode.jpg\" width = 50% height = 50% /\u003e\n\n## 体验\n\n1. PC Web 端\n\n   [在线体验野火IM Web版](http://web.wildfirechat.cn)\n\n2. 手机Web/H5 端\n\n   请使用微信扫描下方二维码，体验野火IM 手机Web/H5 端\n\n   ![野火IM](https://static.wildfirechat.cn/mobile-web.png?imageView2/1/w/260/h/260)\n \n## 分支说明\n\n1. `master`：基于`Vue 3`开发，是未来的开发重心\n2. `vue2`：基于`Vue 2`开发，进入维护模式，不再开发新功能，鉴于`Vue 2`已经终止支持且不再维护，建议客户升级到`Vue 3`版本\n\n## 开发、打包依赖\n\n1. nodejs v18.19.0\n2. npm 10.2.3\n\n\u003e 注意避免使用`cnpm`，我们使用`cnpm`出现过一些奇怪问题的情况。如果您使用`cnpm`当遇到问题时请切换到`npm`试一下。\n\n## 开发\n\n```\nnpm install\nnpm run serve\n浏览器访问: http://localhost:8013\n\n// 如果需要 https 访问的话(要求 app-server 和 im-server 都配置了 https)，请执行：\nnpm run serve-https \n\n```\n\n## 打包\n\n```\n$ npm install\n$ npm run build\n```\n\n## 部署\n1. 执行上面的打包步骤\n2. 将打包生成的```dist```目录下的所有文件上传到服务器\n3. 下面是采用nginx部署的示例配置\n   ```nginx\n   server {\n       listen 80;\n       server_name im.xxx.yyy;\n\n       location / {\n           root /path/to/dist;\n           index index.html;\n       }\n   }\n   ```\n4. 如果需要支持 https，请参考[nginx配置https](https://docs.wildfirechat.cn/faq/web/https.html)。\n\n## 压缩/混淆配置说明\n\n1. ```wfc```目录整体不能压缩\n2. ```config.js```不能压缩\n\n## 音视频\n由于浏览器限制，页面需要通过 https://im.xxx.yyy 或通过 http://localhost 访问时，才支持音视频通话\n\n默认附带免费版本音视频，关于野火音视频可以参考[野火音视频使用说明](https://docs.wildfirechat.cn/webrtc/)和[野火音视频简介](https://docs.wildfirechat.cn/blogs/野火音视频简介.html)。如果使用音视频高级版，请参考[音视频高级版切换方法](./src/wfc/av/internal/README.MD)。\n\n\n## 截图\n\n![](http://static.wildfirechat.cn/web-home.png)\n![](http://static.wildfirechat.cn/web-conversation.png)\n![](http://static.wildfirechat.cn/web-contact.png)\n![](http://static.wildfirechat.cn/web-channel.png)\n![](http://static.wildfirechat.cn/web-emoji.png)\n![](http://static.wildfirechat.cn/web-forward.png)\n![](http://static.wildfirechat.cn/web-setting.png)\n![](http://static.wildfirechat.cn/web-multi-video-call.png)\n![](http://static.wildfirechat.cn/web-multi-audio-call.png)\n\n## License\n\n1. Under the Creative Commons Attribution-NoDerivs 3.0 Unported license. See the [LICENSE](https://github.com/wildfirechat/web-chat/blob/master/LICENSE) file for details.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwildfirechat%2Fvue-chat","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwildfirechat%2Fvue-chat","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwildfirechat%2Fvue-chat/lists"}