# SaleSmartly_LiveChat_SDK_Demo

**Repository Path**: bytenet/SaleSmartly_LiveChat_SDK_Demo

## Basic Information

- **Project Name**: SaleSmartly_LiveChat_SDK_Demo
- **Description**: 存放一些 SaleSmartly 聊天插件(LiveChat) JSSDK 使用的 demo
https://github.com/SaleSmartly-Demo/SaleSmartly_LiveChat_SDK_Demo.git
- **Primary Language**: HTML/CSS
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-04-06
- **Last Updated**: 2025-04-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# SaleSmartly_LiveChat_SDK_Demo

该项目主要存放一些使用插件的相关demo项目

1. **ios_webview**

   该文件夹为原生iOS项目。

   使用xcode运行项目，采用插入webview的形式加载web链接.

   所需权限请关注ios_webview/plugin-ios/Info.plist文件

2. **flutter_webview**
   该文件夹为flutter项目。

   推荐使用vs code编辑器打开，进入flutter_webview文件夹下并执行`flutter packages get`获取相关依赖包，然后执行`flutter run`运行项目，运行后需指定运行平台。

   嵌入代码请看flutter_webview/lib/main.dart文件，对应https链接需换成业务上需展示的地址

   ```dart
    final controller = WebViewController()
    ..setJavaScriptMode(JavaScriptMode.unrestricted)
    ..setBackgroundColor(const Color(0x00000000))
    ..setNavigationDelegate(
        NavigationDelegate(
        onProgress: (int progress) {},
        onPageStarted: (String url) {},
        onPageFinished: (String url) {},
        onWebResourceError: (WebResourceError error) {},
        onNavigationRequest: (NavigationRequest request) {
            return NavigationDecision.navigate;
        },
        ),
    )
    ..loadRequest(Uri.parse('https://xxx'));
   ```

3. **expo_webview**
   该文件夹为React Native Expo框架项目。

   推荐使用vs code编辑器打开，进入expo_webview文件夹下执行`npm install`或`yarn`，安装依赖包，然后执行`yarn start`运行项目。

   嵌入代码请看expo_webview/App.tsx文件, 对应https链接需换成业务上需展示的地址

   ```
       <View style={styles.container}>
           <WebView
               source={{ uri: "https://xxx" }}
               style={styles.webview}
           />
           <StatusBar style="auto" />
       </View>
   ```

4. **uniapp_webview**
    该目录下存放uniapp框架项目。

    请使用HbuilderX打开项目，进入项目点击菜单栏`运行-运行到浏览器-Chrome`运行本项目。

    权限配置请查看uniapp_webview/manifest.json文件中app-plus相关配置。

    嵌入代码请查看uniapp_webview/pages/index/index.vue文件，对应https链接需换成业务上需展示的地址

    ```
    <template>
    <view class="content">
        <web-view class="web-view" :src="web_url"></web-view>
    </view>
    </template>
    
    <script setup>
        import {
            ref
        } from 'vue';
        const web_url = ref('https://xxx/');
    </script>
    ```

5. **chat_sdk_demo**
   该目录下存放聊天插件的使用demo

   目录结构：

    ├── chat_sdk_demo/     # 聊天插件使用demo

    │   ├── html/          # html页面示例

    │   ├── vue/           # vue示例

   - html：直接运行相对应的文件即可，该目录包含：

     - 关闭上传
     - 监听插件资源加载完成
     - 隐藏聊天窗内关闭按钮
     - 自定义按钮
     - ga上报
     - index.html（示例汇总）
   
   - vue：进入到vue文件夹下，执行`pnpm install`，安装依赖，然后执行`pnpm dev`运行项目，更换sdk链接请到`index.html`中找到对应的sdk将 `src`替换
     ```html
        <!-- 替换成您的sdk -->
        <script src="https://plugin-code.salesmartly.com/js/project_xxxxxxxxx.js"></script>
     ```