环信网页端客服集成用户体系

准备工作

1.相关文档可直接点击查看:

• 网页渠道集成用户体系
• IM 注册用户 Rest API

2.客服账号(管理员账号)

• 如果没有账号需要注册
• 已有账号直接登陆

3.一个空白的HTML页面

• 如果不知道怎么写可以直接跳到这里

4.安装本地Server

• 本地安装了NPM，直接在终端输入 npm install -g http-server, 然后就可以直接在根级目录下运行http-server，得到地址在浏览器打开，就可以本地测试
• 本地安装WampServer，根据文档直接安装，完成启动后将文件移到 www 目录，直接在浏览器 localhost 即可直接访问

集成工作

1. 登陆客服账号成功后，切换到管理员模式-渠道管理-手机app 快速创建关联，就会有appkey，client_id，client_secret，IM服务号 等信息用于注册账号
   
   获取appkey DNS列表，可以使用这个链接:
   http://rs.easemob.com/easemob/server.xml?app_key=orgName%23appName
2. 在渠道管理-网页，添加一个插件
   
   亦或直接使用默认插件，然后在插件中直接指定关联并保存
   
3. 集成用户体系需要注册IM账号，可以使用代码模拟httpclient请求，也可以使用google插件 postman、mac终端 注册，得到用户名和密码
   
4. 打开一个空白HTML，然后在网页网页渠道集成用户体系 将代码直接复制到 HTML 中
   
   然后在终端打开，输入http-server，再复制返回的地址 在浏览器打开即可
   
   找到该文件点击
   
5. 上面说的是username/password 验证方式，这里说下username/token 验证，根据文档获取管理员token，拿到获取token的url，然后根据文档中的请求体body:

{
	"grant_type":"client_credentials",
	"client_id":"YXA6wDs-MARqEeSO0VcBzaqg11",
	"client_secret":"YXA6JOMWlLap_YbI_ucz77j-4-mI0dd"
}

改成

{
	"grant_type":"password",
	"username":"easemobtest",
	"password":"123456"
}

再去获取用户token

取到用户token，再去user参数中验证即可

user: {            
   username: 'easemobtest',   
   token: 'YWMt-TPQqrKDEeinFVc2g1Rqh2oLp-DVnRHnnosL3QeejzZrpVGqsn4R6K8Dg-6-Fz8WAwMAAAFls3QCgBPGgAd-QhpC1ZW-3nH8sMbnTWLgV6cl9csFRPxeANB8u9lBg'      
}