zoukankan      html  css  js  c++  java
  • Autojs02-Autojs PC端开发调试环境搭建

    Autojs02-Autojs PC端开发调试环境搭建

    写在前面

    本篇教程算是保姆级教程了,希望以此能吸引更多感兴趣的同学学习Autojs,也希望大家能因此碰撞出更多的奇思妙想

    关注微信公众号获取更多教程信息

    工具须知

    Autojs支持在PC端进行开发并调试,其中使用到的开发工具为Visual Studio Code(以下简称为VSCode),这是一个微软发行的针对于编写现代 Web 和云应用的跨平台源代码编辑器,这款编辑器功能强大,可以通过各种插件让你快速完成开发工作,而我们也是通过插件的形式来完成!VSCode安装这里就不赘述了,傻瓜无脑式安装即可,下载地址:https://code.visualstudio.com/Download,多平台均可安装,大家根据自己的需要自行安装即可 PS:笔者电脑为win10 64位系统,VSCode版本号为1.51.1。

    使用到的插件

    Auto.js-VSCodeExt

    桌面编辑器Visual Studio Code的插件。可以让Visual Studio Code支持Auto.js开发。在VS Code中菜单"查看"->"扩展"->输入"Auto.js"或"hyb1996"搜索,即可看到"Auto.js-VSCodeExt"插件,安装即可。插件的更新也可以在这里更新。

    简单使用方法:

    Step 1 按 Ctrl+Shift+P 或点击"查看"->"命令面板"可调出命令面板,输入 Auto.js 可以看到几个命令,移动光标到命令Auto.js: Start Server,按回车键执行该命令。

    此时VS Code会在右上角显示"Auto.js server running",即开启服务成功。

    Step 2 将手机连接到电脑启用的Wifi或者同一局域网中。通过命令行ipconfig(或者其他操作系统的相同功能命令)查看电脑的IP地址。在Auto.js的侧拉菜单中启用调试服务,并输入IP地址,等待连接成功。

    Step 3 之后就可以在电脑上编辑JavaScript文件并通过命令Run或者按键F5在手机上运行了。

    命令详情

    命令 含义解释
    Start Server 启动插件服务。之后在确保手机和电脑在同一区域网的情况下,在Auto.js的侧拉菜单中使用连接电脑功能连接。
    Stop Server 停止插件服务。 Run 运行当前编辑器的脚本。如果有多个设备连接,则在所有设备运行。
    Rerun 停止当前文件对应的脚本并重新运行。如果有多个设备连接,则在所有设备重新运行。
    Stop 停止当前文件对应的脚本。如果有多个设备连接,则在所有设备停止。
    StopAll 停止所有正在运行的脚本。如果有多个设备连接,则在所有设备运行所有脚本。
    Save 保存当前文件到手机的脚本默认目录(文件名会加上前缀remote)。如果有多个设备连接,则在所有设备保存。
    RunOnDevice 弹出设备菜单并在指定设备运行脚本。
    SaveToDevice 弹出设备菜单并在指定设备保存脚本。
    New Project(新建项目) 选择一个空文件夹(或者在文件管理器中新建一个空文件夹),将会自动创建一个项目
    Run Project(运行项目) 运行一个项目,需要Auto.js 4.0.4Alpha5以上支持
    Save Project(保存项目) 保存一个项目,需要Auto.js 4.0.4Alpha5以上支持
    Auto.js-VSCodeExt-Fixed

    插件背景

    此插件基于Auto.Js作者开发的免费版Auto.Js对应的VsCode开发插件,进行优化二次开发。原插件代码于V0.2.1版本已没有更新,由于开发过程出现不够好用的情况,所以进行优化二次开发,二次开发从V0.3.0开始。

    桌面编辑器Visual Studio Code的插件。可以让Visual Studio Code支持Auto.js开发。

    用途

    该插件笔者主要用途是手机端输出信息能直接在PC端显示用,其余功能略显鸡肋

    插件安装方法

    首先PC端需要联网(插件需要从云端下载),具体安装过程看下图

    开发调试

    编写代码

    今天的代码是一个在手机屏幕上实现模拟手指画圆的代码(相对完美的圆),有兴趣的同学可以提前学习

    /**
    * 今天用一个在手机屏幕上实现模拟手指画圆为例
    * 下面的例子中使用了Autojs UI界面,多线程技术
    * 以及画圆的算法,通过gesture函数实现
    * 有兴趣的同学可以提前学习
    */
    "ui";
    ui.layout(
    <vertical bg="#ffffff">
    <button text='开始画图' id='start'></button>
    <button w="*" h="*" bg="#ffffff"></button>
    </vertical>
    );

    /* 开始执行 */
    ui.start.on("click", function () {
    //程序开始运行之前判断无障碍服务
    if (auto.service == null) {
    toast("请先开启无障碍服务!");
    return;
    }
    // 这里写脚本的主逻辑,开启一个线程
    // 注意:UI线程中不能从操作业务,需单独开启线程执行
    threads.start(function () {
    log("开始画圆");
    paintCircle();
    log("画圆结束");
    });

    });

    function paintCircle() {
    let heart = {
    x: device.width / 2,
    y: device.height / 2
    };
    let r = device.width / 3;
    let angle=0;
    let arr = [];
    for (let i = angle; i > -2 * Math.PI + angle; i -= 0.001) {
    let tempAng = i;
    let tempx = Math.ceil(heart.x + r * Math.cos(tempAng))
    let tempy = Math.ceil(heart.y - r * Math.sin(tempAng))
    arr.push([tempx, tempy])
    }
    let str = "gesture(10000";
    for (let i = 0; i < arr.length; i++) {
    str += ',[' + arr[i][0] + ',' + arr[i][1] + ']'
    }
    str += ')';
    eval(str);
    }
    手机设置

    由于不同手机打开下列设置方式不尽相同,请大家自行百度,笔者这里用的是小米MIUI12系统,这里的设置主要是为了让脚本效果显示出来

    打开开发者人员选项

    开启点按操作反馈和指针位置

    PC端打开Autojs服务并连接手机端

    1、键盘同时按下CTRL+ALT+P,在弹出输入框中输入Autojs,选择Start Server

    2、获取电脑的IP,笔者这里IP是192.168.1.102(这个待会要输入到手机上,保证手机和电脑处于同一局域网下)

    3、手机连接PC端服务,具体操作见下图,电脑端也会有提示连接成功

    运行程序

    废话不多说,直接上图,请各位童鞋仔细看控制台输出哦,log的信息都在这里


    ————————————————
    版权声明:本文为CSDN博主「谁是机器人」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
    原文链接:https://blog.csdn.net/xchl123/article/details/109746371

  • 相关阅读:
    前端十万个为什么(之一):我们为什么需要npm?
    初识模块化开发工具:
    javascript 中的 let 作用域
    把汉字转换为html实体编码
    【小程序】开发过程问题整理
    【入门】正则表达式
    【CSS】面试知识整理
    【入门】Gulp 简单使用
    【入门】WebSocket 示例
    【JQ】$.ajax() 参数
  • 原文地址:https://www.cnblogs.com/xinxihua/p/14520519.html
Copyright © 2011-2022 走看看