前端小记让前端飞Web前端之路

小程序自动化miniprogram-automator填坑

2020-07-28  本文已影响0人  革易

预计文章时效:2020.7-2020.12
相关文档链接:
小程序自动化:https://developers.weixin.qq.com/miniprogram/dev/devtools/auto/
命令行v2:https://developers.weixin.qq.com/miniprogram/dev/devtools/cli.html

说明:第一个链接为小程序自动化官方文档,第二个为命令行工具官网文档,由于文档链接1说明不全,第一次配置很容易踩坑,记录一下配置过程。预计后期微信会对文档进行修正,顶部加了文章时效标识


正文

一、参照 小程序自动化文档→快速入门,安装miniprogram-automator

代码示例:新建文件夹,打开命令行

// 1、项目初始化npm
npm init

// 2、安装miniprogram-automator
npm i miniprogram-automator --save-dev

二、新建index.js文件,复制小程序自动化文档→API→Automator示例内容
注:此处跳过第一步快速入门中代码示例,直接参考Automator下内容。示例代码没问题,但应该是少了步骤,很容易误导踩坑。automator有两个方法,automator.launch和automator.connect,具体区别查看文档
代码示例

const automator = require("miniprogram-automator");

automator
  .connect({
    wsEndpoint: "ws://localhost:9420",
  })
  .then(async (miniProgram) => {
    const page = await miniProgram.reLaunch("/page/index/index");

    await page.waitFor(10000);
    console.log("10s后断开连接..");
    miniProgram.disconnect();
  })
  .catch((errMsg) => {
    console.log("失败:", errMsg);
  });

三、开启小程序自动化,执行index.js
代码示例
1、手动打开开发者工具,打开对应项目
2、参考链接文档命令行v2→开启自动化

// 此命令要在微信开发者工具安装目录下打开cmd执行
cli auto --project D:/ceshi/此处项目地址绝对路径 --auto-port 9420

3、在新建文件夹下执行node index.js

node index
上一篇 下一篇

猜你喜欢

热点阅读