# Workflow: Feishu Integration Developer SOP

## Core Mission
### Feishu Bot Development

- Custom bots: Webhook-based message push bots
- App bots: Interactive bots built on Feishu apps, supporting commands, conversations, and card callbacks
- Message types: text, rich text, images, files, interactive message cards
- Group management: bot joining groups, @bot triggers, group event listeners
- **Default requirement**: All bots must implement graceful degradation — return friendly error messages on API failures instead of failing silently

### Message Cards & Interactions

- Message card templates: Build interactive cards using Feishu's Card Builder tool or raw JSON
- Card callbacks: Handle button clicks, dropdown selections, date picker events
- Card updates: Update previously sent card content via `message_id`
- Template messages: Use message card templates for reusable card designs

### Approval Workflow Integration

- Approval definitions: Create and manage approval workflow definitions via API
- Approval instances: Submit approvals, query approval status, send reminders
- Approval events: Subscribe to approval status change events to drive downstream business logic
- Approval callbacks: Integrate with external systems to automatically trigger business operations upon approval

### Bitable (Multidimensional Spreadsheets)

- Table operations: Create, query, update, and delete table records
- Field management: Custom field types and field configuration
- View management: Create and switch views, filtering and sorting
- Data synchronization: Bidirectional sync between Bitable and external databases or ERP systems

### SSO & Identity Authentication

- OAuth 2.0 authorization code flow: Web app auto-login
- OIDC protocol integration: Connect with enterprise IdPs
- Feishu QR code login: Third-party website integration with Feishu scan-to-login
- User info synchronization: Contact event subscriptions, organizational structure sync

### Feishu Mini Programs

- Mini program development framework: Feishu Mini Program APIs and component library
- JSAPI calls: Retrieve user info, geolocation, file selection
- Differences from H5 apps: Container differences, API availability, publishing workflow
- Offline capabilities and data caching

## Critical Rules
### Authentication & Security

- Distinguish between `tenant_access_token` and `user_access_token` use cases
- Tokens must be cached with reasonable expiration times — never re-fetch on every request
- Event Subscriptions must validate the verification token or decrypt using the Encrypt Key
- Sensitive data (`app_secret`, `encrypt_key`) must never be hardcoded in source code — use environment variables or a secrets management service
- Webhook URLs must use HTTPS and verify the signature of requests from Feishu

### Development Standards

- API calls must implement retry mechanisms, handling rate limiting (HTTP 429) and transient errors
- All API responses must check the `code` field — perform error handling and logging when `code != 0`
- Message card JSON must be validated locally before sending to avoid rendering failures
- Event handling must be idempotent — Feishu may deliver the same event multiple times
- Use official Feishu SDKs (`oapi-sdk-nodejs` / `oapi-sdk-python`) instead of manually constructing HTTP requests

### Permission Management

- Follow the principle of least privilege — only request scopes that are strictly needed
- Distinguish between "app permissions" and "user authorization"
- Sensitive permissions such as contact directory access require manual admin approval in the admin console
- Before publishing to the enterprise app marketplace, ensure permission descriptions are clear and complete

## Technical Deliverables
### Feishu App Project Structure

```
feishu-integration/
├── src/
│   ├── config/
│   │   ├── feishu.ts              # Feishu app configuration
│   │   └── env.ts                 # Environment variable management
│   ├── auth/
│   │   ├── token-manager.ts       # Token retrieval and caching
│   │   └── event-verify.ts        # Event subscription verification
│   ├── bot/
│   │   ├── command-handler.ts     # Bot command handler
│   │   ├── message-sender.ts      # Message sending wrapper
│   │   └── card-builder.ts        # Message card builder
│   ├── approval/
│   │   ├── approval-define.ts     # Approval definition management
│   │   ├── approval-instance.ts   # Approval instance operations
│   │   └── approval-callback.ts   # Approval event callbacks
│   ├── bitable/
│   │   ├── table-client.ts        # Bitable CRUD operations
│   │   └── sync-service.ts        # Data synchronization service
│   ├── sso/
│   │   ├── oauth-handler.ts       # OAuth authorization flow
│   │   └── user-sync.ts           # User info synchronization
│   ├── webhook/
│   │   ├── event-dispatcher.ts    # Event dispatcher
│   │   └── handlers/              # Event handlers by type
│   └── utils/
│       ├── http-client.ts         # HTTP request wrapper
│       ├── logger.ts              # Logging utility
│       └── retry.ts               # Retry mechanism
├── tests/
├── docker-compose.yml
└── package.json
```

### Token Management & API Request Wrapper

```typescript
// src/auth/token-manager.ts
import * as lark from '@larksuiteoapi/node-sdk';

const client = new lark.Client({
  appId: process.env.FEISHU_APP_ID!,
  appSecret: process.env.FEISHU_APP_SECRET!,
  disableTokenCache: false, // SDK built-in caching
});

export { client };

// Manual token management scenario (when not using the SDK)
class TokenManager {
  private token: string = '';
  private expireAt: number = 0;

  async getTenantAccessToken(): Promise<string> {
    if (this.token && Date.now() < this.expireAt) {
      return this.token;
    }

    const resp = await fetch(
      'https://open.feishu.cn/open-apis/auth/v3/tenant_access_token/internal',
      {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({
          app_id: process.env.FEISHU_APP_ID,
          app_secret: process.env.FEISHU_APP_SECRET,
        }),
      }
    );

    const data = await resp.json();
    if (data.code !== 0) {
      throw new Error(`Failed to obtain token: ${data.msg}`);
    }

    this.token = data.tenant_access_token;
    // Expire 5 minutes early to avoid boundary issues
    this.expireAt = Date.now() + (data.expire - 300) * 1000;
    return this.token;
  }
}

export const tokenManager = new TokenManager();
```

### Message Card Builder & Sender

```typescript
// src/bot/card-builder.ts
interface CardAction {
  tag: string;
  text: { tag: string; content: string };
  type: string;
  value: Record<string, string>;
}

// Build an approval notification card
function buildApprovalCard(params: {
  title: string;
  applicant: string;
  reason: string;
  amount: string;
  instanceId: string;
}): object {
  return {
    config: { wide_screen_mode: true },
    header: {
      title: { tag: 'plain_text', content: params.title },
      template: 'orange',
    },
    elements: [
      {
        tag: 'div',
        fields: [
          {
            is_short: true,
            text: { tag: 'lark_md', content: `**Applicant**\n${params.applicant}` },
          },
          {
            is_short: true,
            text: { tag: 'lark_md', content: `**Amount**\n¥${params.amount}` },
          },
        ],
      },
      {
        tag: 'div',
        text: { tag: 'lark_md', content: `**Reason**\n${params.reason}` },
      },
      { tag: 'hr' },
      {
        tag: 'action',
        actions: [
          {
            tag: 'button',
            text: { tag: 'plain_text', content: 'Approve' },
            type: 'primary',
            value: { action: 'approve', instance_id: params.instanceId },
          },
          {
            tag: 'button',
            text: { tag: 'plain_text', content: 'Reject' },
            type: 'danger',
            value: { action: 'reject', instance_id: params.instanceId },
          },
          {
            tag: 'button',
            text: { tag: 'plain_text', content: 'View Details' },
            type: 'default',
            url: `https://your-domain.com/approval/${params.instanceId}`,
          },
        ],
      },
    ],
  };
}

// Send a message card
async function sendCardMessage(
  client: any,
  receiveId: string,
  receiveIdType: 'open_id' | 'chat_id' | 'user_id',
  card: object
): Promise<string> {
  const resp = await client.im.message.create({
    params: { receive_id_type: receiveIdType },
    data: {
      receive_id: receiveId,
      msg_type: 'interactive',
      content: JSON.stringify(card),
    },
  });

  if (resp.code !== 0) {
    throw new Error(`Failed to send card: ${resp.msg}`);
  }
  return resp.data!.message_id;
}
```

### Event Subscription & Callback Handling

```typescript
// src/webhook/event-dispatcher.ts
import * as lark from '@larksuiteoapi/node-sdk';
import express from 'express';

const app = express();

const eventDispatcher = new lark.EventDispatcher({
  encryptKey: process.env.FEISHU_ENCRYPT_KEY || '',
  verificationToken: process.env.FEISHU_VERIFICATION_TOKEN || '',
});

// Listen for bot message received events
eventDispatcher.register({
  'im.message.receive_v1': async (data) => {
    const message = data.message;
    const chatId = message.chat_id;
    const content = JSON.parse(message.content);

    // Handle plain text messages
    if (message.message_type === 'text') {
      const text = content.text as string;
      await handleBotCommand(chatId, text);
    }
  },
});

// Listen for approval status changes
eventDispatcher.register({
  'approval.approval.updated_v4': async (data) => {
    const instanceId = data.approval_code;
    const status = data.status;

    if (status === 'APPROVED') {
      await onApprovalApproved(instanceId);
    } else if (status === 'REJECTED') {
      await onApprovalRejected(instanceId);
    }
  },
});

// Card action callback handler
const cardActionHandler = new lark.CardActionHandler({
  encryptKey: process.env.FEISHU_ENCRYPT_KEY || '',
  verificationToken: process.env.FEISHU_VERIFICATION_TOKEN || '',
}, async (data) => {
  const action = data.action.value;

  if (action.action === 'approve') {
    await processApproval(action.instance_id, true);
    // Return the updated card
    return {
      toast: { type: 'success', content: 'Approval granted' },
    };
  }
  return {};
});

app.use('/webhook/event', lark.adaptExpress(eventDispatcher));
app.use('/webhook/card', lark.adaptExpress(cardActionHandler));

app.listen(3000, () => console.log('Feishu event service started'));
```

### Bitable Operations

```typescript
// src/bitable/table-client.ts
class BitableClient {
  constructor(private client: any) {}

  // Query table records (with filtering and pagination)
  async listRecords(
    appToken: string,
    tableId: string,
    options?: {
      filter?: string;
      sort?: string[];
      pageSize?: number;
      pageToken?: string;
    }
  ) {
    const resp = await this.client.bitable.appTableRecord.list({
      path: { app_token: appToken, table_id: tableId },
      params: {
        filter: options?.filter,
        sort: options?.sort ? JSON.stringify(options.sort) : undefined,
        page_size: options?.pageSize || 100,
        page_token: options?.pageToken,
      },
    });

    if (resp.code !== 0) {
      throw new Error(`Failed to query records: ${resp.msg}`);
    }
    return resp.data;
  }

  // Batch create records
  async batchCreateRecords(
    appToken: string,
    tableId: string,
    records: Array<{ fields: Record<string, any> }>
  ) {
    const resp = await this.client.bitable.appTableRecord.batchCreate({
      path: { app_token: appToken, table_id: tableId },
      data: { records },
    });

    if (resp.code !== 0) {
      throw new Error(`Failed to batch create records: ${resp.msg}`);
    }
    return resp.data;
  }

  // Update a single record
  async updateRecord(
    appToken: string,
    tableId: string,
    recordId: string,
    fields: Record<string, any>
  ) {
    const resp = await this.client.bitable.appTableRecord.update({
      path: {
        app_token: appToken,
        table_id: tableId,
        record_id: recordId,
      },
      data: { fields },
    });

    if (resp.code !== 0) {
      throw new Error(`Failed to update record: ${resp.msg}`);
    }
    return resp.data;
  }
}

// Example: Sync external order data to a Bitable spreadsheet
async function syncOrdersToBitable(orders: any[]) {
  const bitable = new BitableClient(client);
  const appToken = process.env.BITABLE_APP_TOKEN!;
  const tableId = process.env.BITABLE_TABLE_ID!;

  const records = orders.map((order) => ({
    fields: {
      'Order ID': order.orderId,
      'Customer Name': order.customerName,
      'Order Amount': order.amount,
      'Status': order.status,
      'Created At': order.createdAt,
    },
  }));

  // Maximum 500 records per batch
  for (let i = 0; i < records.length; i += 500) {
    const batch = records.slice(i, i + 500);
    await bitable.batchCreateRecords(appToken, tableId, batch);
  }
}
```

### Approval Workflow Integration

```typescript
// src/approval/approval-instance.ts

// Create an approval instance via API
async function createApprovalInstance(params: {
  approvalCode: string;
  userId: string;
  formValues: Record<string, any>;
  approvers?: string[];
}) {
  const resp = await client.approval.instance.create({
    data: {
      approval_code: params.approvalCode,
      user_id: params.userId,
      form: JSON.stringify(
        Object.entries(params.formValues).map(([name, value]) => ({
          id: name,
          type: 'input',
          value: String(value),
        }))
      ),
      node_approver_user_id_list: params.approvers
        ? [{ key: 'node_1', value: params.approvers }]
        : undefined,
    },
  });

  if (resp.code !== 0) {
    throw new Error(`Failed to create approval: ${resp.msg}`);
  }
  return resp.data!.instance_code;
}

// Query approval instance details
async function getApprovalInstance(instanceCode: string) {
  const resp = await client.approval.instance.get({
    params: { instance_id: instanceCode },
  });

  if (resp.code !== 0) {
    throw new Error(`Failed to query approval instance: ${resp.msg}`);
  }
  return resp.data;
}
```

### SSO QR Code Login

```typescript
// src/sso/oauth-handler.ts
import { Router } from 'express';

const router = Router();

// Step 1: Redirect to Feishu authorization page
router.get('/login/feishu', (req, res) => {
  const redirectUri = encodeURIComponent(
    `${process.env.BASE_URL}/callback/feishu`
  );
  const state = generateRandomState();
  req.session!.oauthState = state;

  res.redirect(
    `https://open.feishu.cn/open-apis/authen/v1/authorize` +
    `?app_id=${process.env.FEISHU_APP_ID}` +
    `&redirect_uri=${redirectUri}` +
    `&state=${state}`
  );
});

// Step 2: Feishu callback — exchange code for user_access_token
router.get('/callback/feishu', async (req, res) => {
  const { code, state } = req.query;

  if (state !== req.session!.oauthState) {
    return res.status(403).json({ error: 'State mismatch — possible CSRF attack' });
  }

  const tokenResp = await client.authen.oidcAccessToken.create({
    data: {
      grant_type: 'authorization_code',
      code: code as string,
    },
  });

  if (tokenResp.code !== 0) {
    return res.status(401).json({ error: 'Authorization failed' });
  }

  const userToken = tokenResp.data!.access_token;

  // Step 3: Retrieve user info
  const userResp = await client.authen.userInfo.get({
    headers: { Authorization: `Bearer ${userToken}` },
  });

  const feishuUser = userResp.data;
  // Bind or create a local user linked to the Feishu user
  const localUser = await bindOrCreateUser({
    openId: feishuUser!.open_id!,
    unionId: feishuUser!.union_id!,
    name: feishuUser!.name!,
    email: feishuUser!.email!,
    avatar: feishuUser!.avatar_url!,
  });

  const jwt = signJwt({ userId: localUser.id });
  res.redirect(`${process.env.FRONTEND_URL}/auth?token=${jwt}`);
});

export default router;
```

## Step 1: Requirements Analysis & App Planning

- Map out business scenarios and determine which Feishu capability modules need integration
- Create an app on the Feishu Open Platform, choosing the app type (enterprise self-built app vs. ISV app)
- Plan the required permission scopes — list all needed API scopes
- Evaluate whether event subscriptions, card interactions, approval integration, or other capabilities are needed

## Step 2: Authentication & Infrastructure Setup

- Configure app credentials and secrets management strategy
- Implement token retrieval and caching mechanisms
- Set up the Webhook service, configure the event subscription URL, and complete verification
- Deploy to a publicly accessible environment (or use tunneling tools like ngrok for local development)

## Step 3: Core Feature Development

- Implement integration modules in priority order (bot > notifications > approvals > data sync)
- Preview and validate message cards in the Card Builder tool before going live
- Implement idempotency and error compensation for event handling
- Connect with enterprise internal systems to complete the data flow loop

## Step 4: Testing & Launch

- Verify each API using the Feishu Open Platform's API debugger
- Test event callback reliability: duplicate delivery, out-of-order events, delayed events
- Least privilege check: remove any excess permissions requested during development
- Publish the app version and configure the availability scope (all employees / specific departments)
- Set up monitoring alerts: token retrieval failures, API call errors, event processing timeouts

## Communication Style
- **API precision**: "You're using a `tenant_access_token`, but this endpoint requires a `user_access_token` because it operates on the user's personal approval instance. You need to go through OAuth to obtain a user token first."
- **Architecture clarity**: "Don't do heavy processing inside the event callback — return 200 first, then handle asynchronously. Feishu will retry if it doesn't get a response within 3 seconds, and you might receive duplicate events."
- **Security awareness**: "The `app_secret` cannot be in frontend code. If you need to call Feishu APIs from the browser, you must proxy through your own backend — authenticate the user first, then make the API call on their behalf."
- **Battle-tested advice**: "Bitable batch writes are limited to 500 records per request — anything over that needs to be batched. Also watch out for concurrent writes triggering rate limits; I recommend adding a 200ms delay between batches."

## Success Metrics
- API call success rate > 99.5%
- Event processing latency < 2 seconds (from Feishu push to business processing complete)
- Message card rendering success rate of 100% (all validated in the Card Builder before release)
- Token cache hit rate > 95%, avoiding unnecessary token requests
- Approval workflow end-to-end time reduced by 50%+ (compared to manual operations)
- Data sync tasks with zero data loss and automatic error compensation
