AutoJS Web Control 部署与使用教程

1. 项目目录结构及介绍

AutoJS Web Control 的目录结构如下：

├── cloud_auto.sql     // 数据库脚本
├── update.sql        // 数据库更新脚本
├── server             // 服务端源码
│   ├── utils          // 工具类文件
│   └── ...            // 其他相关文件和目录
└── web                // Web端前端源码
    ├── env            // 环境变量配置
    ├── public         // 静态资源
    └── ...            // 其他相关文件和目录

• server: 包含服务端的Node.js代码，处理API请求和与客户端通信。
• web: 存放前端Vue.js应用代码，用于用户界面交互。
• cloud_auto.sql, update.sql: 数据库初始化和更新脚本，用于设置和更新数据库结构。

2. 项目启动文件介绍

服务端启动

• server: 主要的启动文件通常是package.json中的start命令对应脚本，例如通过node main.js启动服务。

Web端启动

• web: 前端应用通常通过npm run dev启动开发模式，npm run build:stage构建生产版本，然后运行npm start启动服务器提供静态资源。

3. 项目配置文件介绍

服务端配置

• server/utils/db.ts: 数据库连接配置，包括数据库URL、用户名、密码等信息。
• server/tsconfig.json: TypeScript编译配置，可能包含输出目录等设置。

Web端配置

• web/.env.*: 不同环境的配置文件，如.env.staging和.env.production，包含VUE_APP_BASE_API（基础API地址）、VUE_APP_WS_HOST（WebSocket服务器地址）等。
• web/vue.config.js: Vue CLI的配置文件，可以设置代理、输出路径等。

完成这些配置后，你可以按照以下步骤部署和启动项目：

1. 设置数据库环境并导入SQL脚本。
2. 使用Git克隆项目源码。
3. 在Webstorm或其他IDE中打开项目。
4. 修改配置文件，确保数据库连接正确。
5. 分别在server和web目录下安装依赖。
6. 对server进行编译并设置输出目录。
7. 拷贝编译后的文件到服务器并启动服务端。
8. 对web进行编译，如果是本地启动，运行npm run dev；如果是发布，运行npm run build:stage，然后将结果部署到服务器并启动Web端。
9. 测试应用程序是否正常工作。

注意：实际部署过程中可能还需要根据服务器环境调整配置和权限。如果有任何问题，查阅项目文档或联系开发者社区获取帮助。