源雀Scrm开源版技术手册

Appearance

源雀SCRM【开源免费版】工具技术手册


如有包括但不限于以下需求，可随时通过源雀官方企微联系我们：
  1. 获取源雀SCRM完整体验系统
  2. 源雀SCRM商务合作
  3. 源雀SCRM产品交流
  4. 更多咨询或服务...

源雀SCRM商业版

注:开源版为简单的企微营销小工具，商业版是一套完整的企微SCRM私域营销系统

开源版下载地址:
  1. gitee: https://gitee.com/iyque/iYqueCode
  2. gitcode: https://gitcode.com/iyque/iYque

1. 架构 ​

采用vue3+vite+pinia+element-plus;

2.环境要求 ​

Node推荐20.x及以上版本。

3.应用位置 ​

PC端代码: /frontEnd/pc
移动端代码: /frontEnd/mobile

4. 配置文件 ​

注:在 sys.config.ts 中配置开发、生产等各个环境的：接口域名、路由基础路径，页面基础路径等：

// 环境变量
const envs = {
  //开发环境
  development: {
    DOMAIN: 'https://iyque.cn', // 站点域名，会根据此处域名判断应用环境
    BASE_URL: '/tools/', // 使用默认的务必修改
    BASE_API: 'https://iyque.cn', // 后端api接口地址
  },
  //正式环境
  production: {
    DOMAIN: 'https://iyque.cn',
    BASE_URL: '/tools/',
    BASE_API: 'https://iyque.cn',
  },
}

let mode =
  process.env.NODE_ENV == 'development' || !globalThis.document
    ? process.env.VUE_APP_ENV
    : Object.keys(envs).find((e) => envs[e].DOMAIN === window?.location.origin)

export const env = { ...envs[mode], ENV: mode }

// 系统常量配置
export const common = {
  SYSTEM_NAME: '源雀', // 系统简称
  SYSTEM_SLOGAN:
    '<a href="https://www.iyque.cn?utm_source=iyquecode" target="_blank">源雀SCRM -基于SpringCloud+Vue架构,100%开放源码的企微私域营销系统</a> ', // 系统标语
  COPYRIGHT: 'Copyright © 2024 源雀 All Rights Reserved.', // 版权信息
  LOGO: env.BASE_URL + 'static/logo.png', // 深色logo
  COOKIEEXPIRES: 0.5, // token在Cookie中存储的天数，默认0.5天
}

5.打包 ​

注:pc与mobile打包命令一致

# 进入项目目录
cd you-project-name

# 安装依赖
npm i
# 或者使用cnpm
npm install -g cnpm --registry=https://registry.npmmirror.com
cnpm i

# 启动开发服务
npm run dev

# 构建生产环境
npm run build

6.nginx前端配置与部署 ​

注:源码打包后产生的dist文件中的内容放入nginx对应的目录下即可
【完整Nginx配置:(/configFile/nginx.conf)】

    #前端PC端部署设置(对应代码/frontEnd/pc):
    location /tools {
            root /usr/local/nginx/html/prod;
            index index.html index.htm;
            try_files $uri $uri/ /tools/index.html;
            proxy_read_timeout 150;
    
            # 处理跨域
            add_header Access-Control-Allow-Origin '*' always;
            # add_header Access-Control-Allow-Headers '*';
            add_header Access-Control-Allow-Methods '*';
            # add_header Access-Control-Allow-Credentials 'true';
            if ($request_method = 'OPTIONS') {
                return 204;
            }
        }

    #前端移动端端部署设置(对应代码/frontEnd/mobile):
    location /openmobile {
            alias /usr/local/nginx/html/prod/openmobile;
            try_files $uri $uri/ /openmobile/index.html;
            index index.html;
    }