详解autojs的nodejs编写UI技巧示例

标题：详解Auto.js的Node.js编写UI技巧示例

Auto.js是一款Android平台上的JavaScript脚本引擎。除了支持JavaScript语言特性外，它还为开发者提供了编写UI界面的API，使得开发者可以通过JavaScript语言编写Android应用程序。本文将为大家介绍Auto.js的Node.js编写UI技巧，并给出两条示例说明。

前置技能要求

• JavaScript语言基础
• Node.js基础
• Auto.js使用基础

如果您对这些技能没有掌握，建议您先花时间学习它们。

Node.js编写Auto.js UI技巧示例

Auto.js支持使用Node.js模块编写UI界面，以及使用npm包管理器引入依赖库。例如，我们可以使用console、process等内置模块输出调试信息，同时也可以使用request-promise等第三方模块发送HTTP请求。以下是使用Node.js模块编写Auto.js UI的步骤：

步骤一：创建JS脚本并引入依赖库

// 引入依赖库
const request = require('request-promise');
const { ui, toast } = require('auto');
// 创建UI
ui.layout(
  <frame>
    <text id="text" textSize="20sp" textColor="black" />
    <button id="button" textSize="20sp" textColor="white" background="#00FF00" text="发送网络请求" />
  </frame>
);

步骤一首先引入需要使用的第三方模块，例如这里使用的是request-promise模块。同时也引入了Auto.js内置的ui和toast模块。接着，我们使用ui.layout()函数创建UI界面。

步骤二：添加事件监听器

// 添加事件监听器
ui.run(function() {
  ui.getWidget('button').click(async function() {
    try {
      const res = await request('https://example.com/api/text');
      ui.getWidget('text').setText(res);
      toast('请求成功');
    } catch (e) {
      toast('请求失败');
    }
  });
});

步骤二为UI添加事件监听器。这里使用了ui.getWidget()方法获取指定控件并添加点击事件监听器。在点击事件回调函数中，我们使用request-promise模块发送HTTP请求，并在成功后用ui.getWidget()方法获取到text控件并设置文本。同时，我们使用Auto.js内置的toast模块输出请求成功或失败的提示。

步骤三：运行UI

// 运行UI
ui.post(function() {
  ui.getWidget('text').setText('欢迎使用Auto.js的Node.js编写UI技巧示例');
});
ui.postDelayed(function() {
  ui.run(function() {
    ui.getWidget('button').setEnabled(true);
  });
}, 1000);

步骤三运行UI。这里使用ui.post()方法设置UI的初始状态，例如设置文本。同时，我们使用ui.postDelayed()方法实现延时1秒后启用发送网络请求的按钮。

示例-快速开发微信公众号爬虫

以下示例将通过Node.js与Auto.js配合快速开发一个微信公众号爬虫，抓取公众号文章列表并输出。

步骤一：创建项目

首先，在终端中创建新的Auto.js项目：

autojs create wx-crawler
cd wx-crawler
npm init -y
npm install request-promise cheerio --save

这里我们同时安装了request-promise和cheerio依赖库。前者用于发送HTTP请求，后者用于解析HTML文档。

步骤二：添加脚本文件

接着，我们在wx-crawler目录下创建index.js文件，并添加以下代码：

const rp = require('request-promise');
const cheerio = require('cheerio');
const auto = require('auto');

auto.waitFor();
auto.requestPermissions();
auto.setMode('debug');

const config = {
  appid: 'wx66988xxxxxx',
  cookies: 'xxx', // 拿到登录后的cookies
  openid: 'xxx',
  count: 5,
};

async function getArticleList() {
  const timestamp = Date.now();
  const url = `https://mp.weixin.qq.com/mp/profile_ext?action=getmsg&__biz=${config.appid}&f=json&offset=0&count=${config.count}&is_ok=1&scene=124&uin=777&key=777&pass_ticket=&appmsg_token=1233456&_=${timestamp}`;
  const html = await rp({
    uri: url,
    headers: {
      Cookie: config.cookies,
    },
    json: true,
  });

  if (html.ret !== 0) {
    console.error(`Failed to get article list, ret: ${html.ret}, errmsg: ${html.errmsg}`);
    return [];
  }

  const $ = cheerio.load(html.general_msg_list);
  const articles = [];

  $('item').each(function(i, elem) {
    const $desc = $(elem).find('display');
    articles.push({
      id: $desc.attr('idx'),
      title: $desc.text().trim(),
      time: new Date($desc.parent().attr('datetime') * 1000),
      link: $(elem).find('url').text().trim(),
      cover: $(elem).find('cover').text().trim(),
      summary: $(elem).find('digest').text().trim(),
    });
  });

  return articles;
}

function printArticleList(articles) {
  for (const article of articles) {
    console.log(`${article.time.toLocaleDateString()} ${article.title}`);
  }
}

const articles = await getArticleList();
printArticleList(articles);

该脚本文件主要使用了request-promise和cheerio模块发送请求和解析HTML文档，同时使用了Auto.js调用Android系统API申请必要的权限，并设置debug调试模式。

步骤三：运行脚本文件

最后，在终端中运行脚本文件：

autojs run index.js -c

该命令将会启动Auto.js IDE并自动运行脚本文件。在运行过程中，Auto.js会自动上滑获取文章列表，并在控制台输出文章时间和标题信息。

结束语

本文介绍了Auto.js的Node.js编写UI技巧，并给出了两个示例说明。读者可以尝试自己编写一些有趣的Auto.js脚本，例如自动化测试、爬虫、自动签到等。如果遇到问题，可以查看Auto.js官方文档或者咨询开发者社区。