uniapp联系在线客服功能，H5和APP都能使用

开发App的时候遇到一个在线客服的功能，虽然自己也写出了在线联系的功能，但是最后还是使用了第三方插件，因为代码少。而且省事，个人使用的是“网易七鱼”。1、注册“网易七鱼”账号，复制以下代码替换下方html中的红色部分代码1、新建一个html文件，路径放在static静态目录下，和图片放在一起<!DOCTYPE html><html><head><meta

qq_726753757

12208人浏览 · 2021-08-18 11:22:43

qq_726753757 · 2021-08-18 11:22:43 发布

开发App的时候遇到一个在线客服的功能，虽然自己也写出了在线联系的功能，但是最后还是使用了第三方插件，因为代码少。而且省事，个人使用的是“网易七鱼”。

1、注册“网易七鱼”账号，复制以下代码替换下方html中的红色部分代码

1、新建一个html文件，路径放在static静态目录下，和图片放在一起

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8" />
       <meta name="viewport" content="width=device-width, initial-scale=1">
       <title>在线客服</title>

   </head>
   <body>
       
       <script>
           (function(w, d, n, a, j) {
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
           })(window, document, 'ysf');

           var isSdkReady = false;
           ysf('onready', function() {
               isSdkReady = true;
               ysf('open')
           })



           if (isSdkReady) {
               location.href = ysf('url');
           }
           // setTimeout(function(){
           //    location.href = ysf('url');
           // },2000)
       </script>
   </body>
</html>

3、新建一个Vue页面，连接到对应的html即大功告成。每次需要联系在线客服的时候跳转到这个页面即可。

<template>
   <view class="content">
       <web-view src="/static/pubHtml/LXKF.html"></web-view>
   </view>
</template>
<script>
   export default {
       componeants: {

       },
       data() {
           return {

           }
       },
       onLoad() {

       },
       methods: {
           gopay: function() {

           },
       }
   }
</script>

<style lang="less">
   .content {}
</style>