Midscene.js实现UI自动化

Midscene.js实现UI自动化**

一.midscene.js谷歌插件安装

1.可以网上找安装包，解压后，在谷歌浏览器插件管理中，打开开发者模式，重启谷歌浏览器，将解压后的文件拖动到谷歌插件即可安装
2.安装成功后可打开插件，配置环境:如下配置的是千问的大模型key，如想配置其它模型可根据官网配置

OPENAI_BASE_URL="https://dashscope.aliyuncs.com/compatible-mode/v1"
OPENAI_API_KEY="自己的api_key"
MIDSCENE_MODEL_NAME="qwen-plus"

官方文档：https://midscenejs.com/zh/choose-a-model.html

二、使用YALM格式的自动化脚本

1.根目录下创建一个.env文件，将配置写入，配置与插件中的环境配置一样
2.全局安装 @midscene/cli

npm i -g @midscene/cli

或在项目中安装

npm i @midscene/cli --save-dev

3.创建一个yarm文件
内容如下，内容为官网示例

arget:
  url: https://www.bing.com

tasks:
  - name: 搜索天气
    flow:
      - ai: 搜索 "今日天气"
      - sleep: 3000
      - aiAssert: 结果显示天气信息

4.执行yarm文件（注意修改文件路径和文件名称即可）

midscene ./bing-search.yaml
# 或者如果你在项目中安装了 midscene
npx midscene ./bing-search.yaml

运行在有界面(Headed)模式下#
‘headed’ 模式意味着浏览器窗口是可见的。默认情况下，脚本会在无界面模式下运行。

如果你想运行在有界面模式下，你可以使用 --headed 选项。此外，如果你想在脚本运行结束后保持浏览器窗口打开，你可以使用 --keep-window 选项。–keep-window 选项会自动开启 --headed 模式。

headed 模式会消耗更多资源，所以建议你仅在本地使用。

# 运行在有界面模式下
midscene /path/to/yaml --headed

# 运行在有界面模式下，并在结束后保持浏览器窗口打开
midscene /path/to/yaml --keep-window