网易 七鱼 面试 java_reactJs微信端接入网易七鱼客服
项目中有联系客服的功能,我们需要在微信端接入网易七鱼客服系统,记录一下使用方法。
网易七鱼客服在线连接分为 服务异步加载(推荐)和 服务同步加载
1、服务异步加载(推荐)
我是在react的外层html中引入
(function (w, d, n, a, j) {
w[n] = w[n] || function () {
(w[n].a = w[n].a || []).push(arguments);
};
j = d.createElement('script');
j.async = true;
j.src ='https://qiyukf.com/script/044865c94981c048609d5c94c1ae9c6d.js';
d.body.appendChild(j);
})(window, document, 'ysf');
在全剧设置时会导致每个子页面都会加载七鱼,可以在需要使用的页面按需加载
此时 ysf 为全剧变量,在组件中可以调用
let isSdkReady = false;
componentDidMount() {
window.ysf('onready', function () {
isSdkReady = true;
});
}
qiyuHandle = () => {
if(isSdkReady) {
window.location.href = window.ysf('url');
}else {
Toast.info("sdk尚未加载成功,请稍后再试", 1);
return false;
}
}
render() {
return (
{ this.qiyuHandle(); }}>
客服
);
}
2.服务同步加载
网易 七鱼 面试 java_reactJs微信端接入网易七鱼客服相关推荐
- 关于微信小程序云开发---实现客服自动回复图片例子
关于微信小程序云开发-实现客服自动回复例子 微信自带的云开发功能使前端工程师可以独立的开发出一款小程序,微信自带的云开发. 首先和开发其他平台的项目一样先看官方文档. 微信小程序开放文档 一. 什么是 ...
- 微信公众平台开发之微客服
微信公众平台开发之微客服是实现人工客服的重要手段.前面我们介绍如何添加自定义回复,当用户发送某个关键词给我们的平台的时候就能根据我们添加的关键词自动回复.但是这样我们不能把所有的词语都添加进去,有时候 ...
- 微信个人号多开云客服系统定制通信标准协议
微信个人号多开云客服系统(SCRM客服系统)通信标准协议定义: 1.获取通信token请求消息(DeviceAuthReqMessage) 2.获取通信token结果消息(DeviceAuthRspM ...
- aos动画库反向播放,pdf复制出现乱码,微信小程序底部栏联系客服
少小多才学,平生志气高.别人怀宝剑,我有笔如刀. 记录一些遇到的问题- 本文大概3000字,阅读大概需要9分钟 ** 本文目录 一.pdf复制出现乱码问号问题 二.aos动画库反向播放问题 三.微信 ...
- 微信小程序怎么接入多客服系统
最近有很多运营人说,微信公众号越来越难做了,打开率和分享率呈下滑趋势,发文就掉粉,随着小程序的功能不断优化,很多运营人纷纷投入小程序的怀抱.小程序将在今年彻底爆发,更多创业者.流量主会进场厮杀.所以只 ...
- 微信小程序跳转到客服会话,将内容带到服务窗口并发送给客服(只是曲线救国)
最近有需求是这样的:通过微信小程序里面带的客服会话功能,将用户选择的不适症状发送给客服.拿到需求我首先进行了分析. 发现接入客服不难,只需要将按钮给上,设置open-type="contac ...
- 微信小程序:收藏、客服、分享、加入购物车、图片放大预览
微信小程序:收藏.客服.分享.加入购物车.图片放大预览 微信小程序包含功能 ·轮播 ·图片放大预览 ·收藏 ·客服 ·加入购物车 在goods_detail下的index.wxml写页面代码 < ...
- 微信小程序增加悬浮在线客服
例如在index首页增加客服代码及一键拨打电话 1.index.wxss或者app.wxss文件里增加样式 .img-plus-style { height: 70rpx; width: 70rpx; ...
- 微信美团服务器开小差,“美团无法使用微信支付”耽误大家干饭,客服:异常已经解决...
你今天点外卖的时候,微信还能支付吗? 反正小编点外卖的时候发现微信支付出现异常~~~ 随后在热搜榜上看到美团方面已经澄清:今天早上10点28分,我们接到了微信支付系统出现异常抖动的通知,程序员小哥已经 ...
最新文章
- 【pmcaff】罗永浩昨日演讲视频:一个理想主义者的创业故事Ⅳ
- MySQL添加服务、设置密码、修改密码
- 如何将ipynb转换为html,md,pdf等格式
- 使用百度云加速防apache的ab测试
- django 1.8 官方文档翻译: 5-1-1 使用表单
- linux下的C语言开发(网络编程)
- php 继承性,php面向对象全攻略 (七) 继承性_php基础
- Hive-3.1.3安装配置运行
- 推荐计算机科学类的经典书籍
- python 物理引擎_第十六章:物理引擎
- 何谓计算机思维(转载)
- excel删除无尽空白行_「EXCEL」大量空白行如何删除?看我发大招
- 用Python绘制折线图(下)
- float数据十六进制表示法,十六进制读取float数据
- MYSQL排序加分页报错Out of sort memory, consider increasing server sort buffer size
- 光滑曲线_极简微积分——函数的曲线的描绘
- 微信小程序开发,微信小程序轻松实现微信支付及微信提现到零钱功能
- java+ElementUI前后端分离旅游项目第六天 移动端开发下
- springboot最核心的三个特有注解
- 怎样将PDF转成JPG?PDF转换图片其实很简单
热门文章
- P17-Windows与网络基础-Windows文件共享
- 非正式协议/正式协议
- 数据分析与数据仓库平台Panoply.io获700万美元A轮融资
- 南昌大学航天杯第二届部分题解
- 事实上已经有一些职业正在被人工智能所取代
- char型变量声明java_java中变量的声明和变量的类型
- 挺着肚皮的小淘气 蒙语版铃声 挺着肚皮的小淘气 蒙语版手机铃...
- Ultra Librarian下载与安装使用教程
- 谷歌 招聘_为什么我不与Google招聘人员交谈
- c语言程序设计的实验报告,C语言程序设计实验报告