快速开始

权限限制

本页面仅对开发者权限用户可见。

本教程将帮助您在 5 分钟内创建第一个自动化脚本。

前提条件

• 已获得开发者权限
• 已开启开发者模式
• 已进入设计器

步骤 1：创建新脚本

1. 在左侧脚本列表点击"新建脚本"
2. 输入脚本名称（如"我的第一个脚本"）
3. 选择入口 URL（脚本运行的起始页面）
4. 点击"创建"

步骤 2：编写代码

脚本创建后，编辑器自动打开，默认模板：

// =====================================================
// 脚本名称: 我的第一个脚本
// 入口URL: https://example.com
// 生成时间: 2024-01-01
// effixwork-generated-by: orina-designer
// =====================================================

import { chromium } from 'playwright';

export default async function ({ page, context, params }) {
  // 在这里编写您的自动化逻辑
  
  // 示例：访问页面
  await page.goto(params.entryUrl || 'https://example.com');
  
  // 示例：等待页面加载
  await page.waitForLoadState('networkidle');
  
  // 示例：截图保存
  await page.screenshot({ path: 'screenshot.png' });
  
  console.log('脚本执行完成');
}

步骤 3：添加自动化操作

让我们添加一些实际操作：

export default async function ({ page, context, params }) {
  // 访问目标网站
  await page.goto('https://example.com');
  
  // 点击登录按钮
  await page.click('#login-button');
  
  // 输入用户名
  await page.fill('#username', params.username);
  
  // 输入密码
  await page.fill('#password', params.password);
  
  // 点击提交
  await page.click('#submit');
  
  // 等待登录完成
  await page.waitForURL('**/dashboard');
  
  console.log('登录成功');
}

步骤 4：配置参数

点击"参数配置"按钮添加脚本参数：

参数名	类型	必填	说明
username	文本	是	登录用户名
password	文本	是	登录密码

步骤 5：测试运行

1. 点击编辑器顶部的"运行"按钮
2. 浏览器自动打开目标页面
3. 观察脚本执行过程
4. 查看底部日志输出

步骤 6：保存和发布

保存脚本

• 点击"保存"按钮
• 或使用快捷键 Ctrl+S

创建版本

1. 点击"版本管理"
2. 输入版本说明
3. 点击"创建版本"

发布到商店

1. 点击"发布"
2. 填写脚本描述
3. 设置定价类型
4. 确认发布

下一步

• 脚本基础 - 深入了解脚本结构
• Playwright API - Playwright API 使用
• 参数配置 - 更复杂的参数类型