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

   

3. 修改数据库连接

   文件位置：

   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

   • 将 modules node_modules package.json dest下的所有目录拷贝到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程序，后续步骤为发布到服务器可跳过

   

6. 执行npm run build:stage 生成dest 目录

   此步骤发布到服务器可选，如本地启动直接执行 npm run dev即可启动web程序,后续步骤不需要执行

7. 拷贝dest 目录文件到服务器，发布即可。

验证发布

1. 访问http://localhost:9528进入登陆页

   默认用户名：admin

   默认密码：123456

   用户名和密码都可以在数据库【autojs_control.t_admin】中修改

   

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

   

总结

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