---
title: "在 Capacitor SDK 中响应按钮操作"
description: "在 Capacitor 中使用 Adapty 处理付费墙按钮操作，以提升应用变现效果。"
---

如果您使用 Adapty 付费墙编辑工具构建付费墙，正确设置按钮至关重要：

1. 在付费墙编辑工具中[添加按钮](paywall-buttons)，并为其分配预设操作或创建自定义操作 ID。
2. 在您的应用代码中，为已分配的每个操作编写处理逻辑。

本指南介绍如何在代码中处理自定义操作和预设操作。

## 关闭付费墙 \{#close-paywalls\}

要添加一个可关闭付费墙的按钮：

1. 在付费墙编辑工具中，添加一个按钮并为其分配 **Close** 操作。
2. 在应用代码中，实现 `close` 操作的处理程序以关闭付费墙。

:::info
在 Capacitor SDK 中，`close` 操作默认会触发关闭付费墙。但如有需要，您可以在代码中覆盖此行为。例如，关闭一个付费墙可能会触发打开另一个付费墙。
:::

```typescript showLineNumbers

const view = await createPaywallView(paywall);

const unsubscribe = view.setEventHandlers({
  onCloseButtonPress() {
    console.log('User closed paywall');
    return true; // Allow the paywall to close
  }
});
```

## 从付费墙中打开 URL \{#open-urls-from-paywalls\}

:::tip
如果您想添加一组链接（例如使用条款和购买恢复），可在付费墙编辑工具中添加 **Link** 元素，并以与带有 **Open URL** 操作的按钮相同的方式进行处理。
:::

要添加一个从付费墙打开链接的按钮（例如**使用条款**或**隐私政策**）：

1. 在付费墙编辑工具中，添加一个按钮，为其分配 **Open URL** 操作，并输入您要打开的 URL。
2. 在应用代码中，实现 `openUrl` 操作的处理程序，以便在浏览器中打开接收到的 URL。

:::info
在 Capacitor SDK 中，`window.open` 操作默认会触发打开 URL。但如有需要，您可以在代码中覆盖此行为。
:::

```typescript showLineNumbers

const view = await createPaywallView(paywall);

const unsubscribe = view.setEventHandlers({
  onUrlPress(url) {
    window.open(url, '_blank');
    return false; // Don't close the paywall
  },
});
```

## 登录应用 \{#log-into-the-app\}

要添加一个让用户登录应用的按钮：

1. 在付费墙编辑工具中，添加一个按钮并为其分配 **Login** 操作。
2. 在应用代码中，实现 `login` 操作的处理程序以识别您的用户。

```typescript showLineNumbers

const view = await createPaywallView(paywall);

const unsubscribe = view.setEventHandlers({
  onCustomAction(actionId) {
    if (actionId === 'login') {
      // Navigate to login screen
      console.log('User requested login');
    }
  }
});
```

## 处理自定义操作 \{#handle-custom-actions\}

要添加一个处理其他操作的按钮：

1. 在付费墙编辑工具中，添加一个按钮，为其分配 **Custom** 操作，并设置一个 ID。
2. 在应用代码中，实现您所创建操作 ID 的处理程序。

例如，如果您有另一组订阅方案或一次性购买商品，可以添加一个按钮来展示另一个付费墙：

```typescript showLineNumbers
const unsubscribe = view.setEventHandlers({
  onCustomAction(actionId) {
    if (actionId === 'openNewPaywall') {
      // Display another paywall
      console.log('User requested new paywall');
    }
  },
});
```