You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 
袁磊 f5c5a639b2 1 12 months ago
..
components/vrapile-im 初始化 12 months ago
pages 初始化 12 months ago
static 初始化 12 months ago
store 初始化 12 months ago
utils 初始化 12 months ago
changelog.md 初始化 12 months ago
package.json 初始化 12 months ago
pages_init.json 初始化 12 months ago
readme.md 提供源码下载地址 12 months ago

readme.md

组件说明

  1. 此组件为页面组件,实现了Socket连接/好友/群组/新消息/历史消息,且都是全局配置全局本地化存储,兼容H5/微信小程序/安卓App(其他平台未做调试)

  2. 此组件中已提供示例工程,其中的接口和websocket服务,仅供各位开发者调试使用,正式发布需自行实现接口和websocket服务。

自行准备内容

  1. WebSocket服务,替换.env.development下VITE_APP_SOCKET_URL地址

    websocket需要实现连接,实现心跳检测/离线消息/在线消息/已读回执4种消息类型

  2. 接口服务,实现聊天/api/chat.js和/api/login.js里面的方法

引用说明

1. 路由说明

导入组件后,在pages.json中会自动注册组件,若未注册可手动添加

{
	"path": "uni_modules/vrapile-im/pages/home/chatHome",
	"style": {
		"enablePullDownRefresh": false,
		"navigationBarTitleText": "消息"
	}
},
{
	"path": "uni_modules/vrapile-im/pages/chat/chatFriend",
	"style": {
		"enablePullDownRefresh": false,
		"navigationBarTitleText": "聊天"
	}
}

可在导航中配置IM消息页面

"tabBar": {
	"selectedColor": "#0000ff",
	"list": [
		{
			"pagePath": "uni_modules/vrapile-im/pages/home/chatHome",
			"iconPath": "static/image/tabbar/chat.png",
			"selectedIconPath": "static/image/tabbar/chat-fill.png",
			"text": "消息"
		},
		{
			"pagePath": "pages/home/user",
			"iconPath": "static/image/tabbar/user.png",
			"selectedIconPath": "static/image/tabbar/user-fill.png",
			"text": "我的"
		}
	]
},

2. 页面样式修改

页面样式在/uni_modules/vrapile-im/static/style/下的nine-chat-home-001.scss和nine-chat-friend-001.scss中,

可通过重写/static/style/下的nine-chat-home-001.scss和nine-chat-friend-001.scss,将原样式替换

演示说明

以下共用一个后端,全部互通


示例工程[源码]运行效果:

https://www.ninecloud.top/udemo/im/index.html



演示商城H5效果:

https://www.ninecloud.top/unine/index.html

H5中可下载安卓App



演示PC前端(与此组件无关,可用于多端消息互相发送测试):

https://www.ninecloud.top/msw/index



注:新注册账号,默认添加【visitor】为好友,默认加入【客服专用群】群

因此,可用访客/注册账号登录以上任意系统,可任意发送消息,皆能同步显示

以上系统皆可用访客账号/密码:visitor/visitor