intercom几行代码接入客服聊天功能

简介

几行代码接入客服聊天功能

功能

• 游客模式
• 用户登录模式
• 打开消息中心
• 支持多语言

原生插件接入步骤

如不了解原生插件接入步骤的同学请参考：
https://www.jianshu.com/p/830ccc503e29
或 https://blog.youkuaiyun.com/wenrisheng/article/details/124057700

接入步骤

1. 进入Intercom平台，注册登录账号https://www.intercom.com/pricing?tab=1

2. 获取iOS、Android的AppId、AppKey https://app.intercom.com/a/apps/sj95wl05/settings/ios

3. 可以自定义配置聊天界面的风格、问候语等https://app.intercom.com/a/apps/sj95wl05/messenger

组件

var intercom = uni.requireNativePlugin("wrs-intercom");
					

方法

• initIntercom app启动时初始化SDK,一般放到App.vue的onLaunch方法里

			var apiKey = "ios_sdk-1d629b48871082900ebb594810507c0e994b0add";
			var appId = "sj95wl05";
			switch (uni.getSystemInfoSync().platform) {
				case 'android':
					apiKey = "android_sdk-f523a162a956142d47a372ecd82c3da5259475aa";
					appId = "sj95wl05";
					break;
				case 'ios':
					apiKey = "ios_sdk-1d629b48871082900ebb594810507c0e994b0add";
					appId = "sj95wl05";
					break;
			}
			
			// apiKey = "ios_sdk-4bc214e57019c5290cc1bc4c90a0522486e1e44d";
			// appId = "g5ae2lh5";
			intercom.initIntercom({
				apiKey: apiKey,
				appId: appId
			});

• setLauncherVisible 是否显示图标

intercom.setLauncherVisible({visible: true});

• loginUnidentifiedUser 游客登录

							intercom.loginUnidentifiedUser((resp) => {
					if (resp.flag) { // 登录成功
						
					} else { // 登录失败
						
					}
				});

• loginUserWithUserAttributes 用户登录

				var params = {};
				params.email = "252797991@com";
				params.userId = "12345678";
				params.name = "wrs";
				params.phone = "12306";
				// 支持的语言有 Arabic, Bosnian, Brazilian Portuguese, Bulgarian, Catalan, Croatian, Czech, Danish, Dutch, English, Estonian, Finnish, French, German, German (Formal), Greek, Hebrew, Hungarian, Indonesian, Italian, Japanese, Korean, Latviski, Lithuanian, Norwegian, Polish, Portuguese, Romanian, Russian, Serbian, Simplified Chinese, Slovenian, Spanish, Swedish, Traditional Chinese, Turkish, Ukrainian, Vietnamese, and Англи хэл (Mongolian)
				// 只有当language_override的值符合ISO 639-1的双字母代码，例如英语的'en'或法语的'fr'时，才会使用。你需要使用四个字母的中文代码，比如“zh-CN”。
				params.languageOverride = "zh-CN"; // en、zh-CN、fr
				params.signedUpAt = "2022-04-22 07:00:00"; // yyyy-MM-dd HH:mm:ss
				// params.unsubscribedFromEmails = false; // 用户是否未订阅电子邮件
				// 自定义属性
				// params.customAttributes = { 
				// 	sex: "male",
				// 	age: 20
				// };
				intercom.loginUserWithUserAttributes(params, (resp) => {
					if (resp.flag) { // 登录成功
						this.showMsg("登录成功");
					} else { // 登录失败
						var msg = JSON.stringify(resp);
						this.showMsg("登录失败：" + msg);
					}
				});

• displayMessenger 打开消息中心

				intercom.displayMessenger();

• displayHelpCenter 打开帮助中心

				intercom.displayHelpCenter();

• displayArticle 打开文章

				intercom.displayArticle({
					articleId: "6148788-example-article"
				});

支持定制，联系方式 QQ:252797991

如果觉得可以就点个👍吧，欢迎粉丝收藏，土豪打赏，您的关注就是我们创作的动力！