技能 shopify-apps
📦

shopify-apps

安全

Construye Apps de Shopify con Patrones Modernos

El desarrollo de aplicaciones de Shopify requiere comprender patrones complejos de integración. Esta habilidad proporciona patrones probados para aplicaciones integradas, manejo de webhooks y uso de la API GraphQL.

支援: Claude Codex Code(CC)
📊 71 充足
1

下載技能 ZIP

2

在 Claude 中上傳

前往 設定 → 功能 → 技能 → 上傳技能

3

開啟並開始使用

測試它

正在使用「shopify-apps」。 Solicitud: Generar manejador de webhook para actualizaciones de productos

預期結果:

Crea ruta Express con middleware de verificación HMAC, procesamiento asíncrono basado en colas y cumplimiento del requisito de respuesta de 200ms de Shopify con trabajo en segundo plano para operaciones pesadas.

正在使用「shopify-apps」。 Solicitud: Construir navegación de aplicación integrada

預期結果:

Genera componente de navegación App Bridge con bloque de navegación que vincula a secciones de administración, reconocimiento adecuado de rutas y estilo de navegación Polaris.

安全審計

安全
v1 • 2/25/2026

Static analyzer flagged two false positives for weak cryptographic algorithms at SKILL.md lines 3 and 46. Both are documentation text, not executable code. Line 3 mentions HMAC verification as a best practice. Line 46 is descriptive text. This is a documentation skill with no code execution risk.

1
已掃描檔案
47
分析行數
0
發現項
1
審計總數
未發現安全問題
審計者: claude

品質評分

38
架構
100
可維護性
87
內容
31
社群
100
安全
91
規範符合性

你能建構什麼

Estructura de Aplicación Shopify

Genera una estructura completa de aplicación Shopify con Remix, App Bridge y Polaris para inicialización rápida del proyecto.

Implementación de Manejador de Webhook

Crea endpoints de webhook seguros con verificación HMAC adecuada y patrones de procesamiento asíncrono.

Integración de API GraphQL

Construye consultas y mutaciones GraphQL eficientes para gestión de productos, pedidos y clientes.

試試這些提示

Crear Estructura Básica de Aplicación Shopify
Genera una aplicación Shopify usando Remix con integración de App Bridge. Incluye la estructura básica de archivos, dependencias de package.json y puntos de entrada principales para una aplicación integrada.
Implementar Manejador de Webhook
Crea un manejador de webhook para el webhook orders/create. Incluye verificación de firma HMAC, procesamiento asíncrono con una cola y manejo adecuado de errores para la lógica de reintentos.
Construir Tabla de Datos Polaris
Crea un componente IndexTable de Polaris para mostrar productos de Shopify. Incluye definiciones de columnas para título, proveedor, precio e inventario. Agrega ordenamiento por fecha de creación y filtrado por proveedor.
Consulta GraphQL de Productos
Escribe una consulta GraphQL para obtener productos con variantes, incluyendo niveles de inventario en todas las ubicaciones. Agrega soporte de paginación con navegación basada en cursores.

最佳實務

  • Usa la GraphQL Admin API para todo el desarrollo nuevo en lugar de REST para mejor rendimiento y flexibilidad
  • Procesa webhooks de forma asíncrona y responde dentro de 200ms para evitar tiempos de espera de Shopify
  • Solicita alcances de acceso de datos del cliente solo cuando sea necesario y maneja solicitudes de eliminación GDPR

避免

  • Usar la API REST para desarrollo de nuevas aplicaciones cuando GraphQL proporciona mejores capacidades
  • Procesamiento síncrono de webhooks que excede el tiempo de espera de respuesta de 200ms de Shopify
  • Sondear la API de Shopify para cambios en lugar de usar webhooks para actualizaciones en tiempo real

常見問題

¿Cuál es el stack recomendado para nuevas aplicaciones de Shopify en 2024?
Usa Remix con React Router para el backend, App Bridge v3 para experiencias integradas, Polaris para componentes UI y la GraphQL Admin API para todas las operaciones de datos.
¿Cómo manejo los tiempos de espera de webhooks de Shopify?
Responde con estado 200 dentro de 200ms, luego procesa los datos del webhook de forma asíncrona usando una cola de trabajos. Shopify reintentará los webhooks fallidos con retroceso exponencial.
¿Cuándo debo usar App Bridge frente a navegación directa?
Usa siempre App Bridge para aplicaciones integradas en el Shopify Admin. Proporciona navegación fluida, soporte de modales y manejo adecuado de sesiones dentro del iframe de Shopify.
¿Cómo implemento la facturación para mi aplicación Shopify?
Usa la Shopify Billing API con mutaciones GraphQL. Crea cargos recurrentes o compras únicas, maneja la redirección de URL de confirmación y verifica el estado del cargo antes de otorgar acceso.
¿Cuáles son los límites de tasa para la Shopify Admin API?
Shopify usa un algoritmo de cubo con fugas con limitación basada en el costo de consultas. Monitorea los encabezados X-Shopify-Shop-Domain y los límites de tasa. Las consultas GraphQL tienen costos calculados basados en la complejidad.
¿Cómo manejo el cumplimiento de GDPR en mi aplicación Shopify?
Implementa manejadores de webhook para customers/data_request, customers/redact y shop/redact. Almacena datos de clientes de forma mínima y elimínalos bajo solicitud dentro de 30 días según lo requiere Shopify.

開發者詳情

檔案結構

📄 SKILL.md