AutoJs Web Control 部署指南

前言

AutoJs Web Control 是基于nodejs typescript vuejs 等前端语言开发的,可以实现Android手机免root的群控控制系统,本篇文章详细介绍如何编译及部署AutoJs Web Control 。

开源文档

• Autojs 官方文档
• Autojs 源码
• Autojs Web Control（本片文章重点） AutoJs Web Control分成两部分，web是用户操作界面，server是服务端，分别编译传输到服务器部署启动即可。

环境要求

1. nodejs
2. webstorm【其他开发工具也可以，我这里使用的是webstorm】
3. git
4. mysql

环境搭建

数据库环境

1. 新建数据库，库名随自己喜好，这里为autojs_control
2. 导入数据库脚本 文件位置： autojs-web-control/cloud_auto.sql autojs-web-control/update.sql

导入源码

1. 使用git拉取源码 git clone https://github.com/zrk1993/autojs-web-control.git
2. 导入Webstorm

1. 修改数据库连接 文件位置： autojs-web-control\server\utils\db.ts

部署服务端

1. 进入autojs-web-control/server/目录
2. 执行npm install 生成node_modules 目录
3. 修改编译文件输出目录, autojs-web-control\server\tsconfig.json “outDir”: “./”调整为 “outDir”: “./dest”
4. 执行 npm run build 编译
5. 增加start 命令脚本 “scripts”: { “build”: “tsc -p tsconfig.build.json”, “clean”: “ts-clean”, “lint”: “tslint –fix -p tsconfig.json -c tslint.json”, “start”: “node ./modules/default/main.js” }
6. 部署并启动

• 新建文件夹autojs_server
• 将 modulesnode_modulespackage.jsondest下的所有目录拷贝到autojs_server下

• • 执行npm start命令启动服务端

部署Web端

1. 进入autojs-web-control/web/目录
2. 运行 npm install 命令安装文件
3. 安装vue npm install -g @vue/cli vue add unit-jest
4. 编辑autojs-web-control\web\.env.staging文件，修改服务器连接地址（同一台服务器可不修改） NODE_ENV = production ​ # just a flag ENV = ‘staging’ ​ # base api VUE_APP_BASE_API = ‘http://localhost:9317’ # 调整为服务器IP地址 VUE_APP_WS_HOST = ‘ws://localhost:9317’ # 调整为服务器IP地址
5. 如本地启动直接执行 npm run dev即可启动web程序，后续步骤为发布到服务器可跳过

1. 执行npm run build:stage 生成dest 目录 此步骤发布到服务器可选，如本地启动直接执行 npm run dev即可启动web程序,后续步骤不需要执行
2. 拷贝dest 目录文件到服务器，发布即可。

验证发布

1. 访问http://localhost:9528进入登陆页 默认用户名：admin 默认密码：123456 用户名和密码都可以在数据库【autojs_control.t_admin】中修改

1. 可以选择设备，执行脚本

总结

以上为 Autojs Web Control 部署的全部过程，如有疑问或交流，欢迎大家评论@我。