المهارات shopify-apps
📦

shopify-apps

آمن

Crie Aplicativos Shopify com Padrões Modernos

O desenvolvimento de aplicativos Shopify requer compreensão de padrões complexos de integração. Esta habilidade fornece padrões comprovados para aplicativos incorporados, manuseio de webhooks e uso da API GraphQL.

يدعم: Claude Codex Code(CC)
📊 70 كافٍ
1

تنزيل ZIP المهارة

2

رفع في Claude

اذهب إلى Settings → Capabilities → Skills → Upload skill

3

فعّل وابدأ الاستخدام

اختبرها

استخدام "shopify-apps". Solicitação: Gerar manipulador de webhook para atualizações de produtos

النتيجة المتوقعة:

Cria rota express com middleware de verificação HMAC, processamento assíncrono baseado em fila e requisito de resposta de 200ms compatível com Shopify com job em segundo plano para operações pesadas.

استخدام "shopify-apps". Solicitação: Construir navegação de aplicativo incorporado

النتيجة المتوقعة:

Gera componente de navegação App Bridge com bloco de navegação vinculando a seções do admin, reconhecimento adequado de rotas e estilização de navegação 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
المحتوى
23
المجتمع
100
الأمان
91
الامتثال للمواصفات

ماذا يمكنك بناءه

Estrutura de Aplicativo Shopify

Gere uma estrutura completa de aplicativo Shopify com Remix, App Bridge e Polaris para inicialização rápida do projeto.

Implementação de Manipulador de Webhook

Crie endpoints de webhook seguros com verificação HMAC adequada e padrões de processamento assíncrono.

Integração com API GraphQL

Construa consultas e mutações GraphQL eficientes para gerenciamento de produtos, pedidos e clientes.

جرّب هذه الموجهات

Criar Estrutura Básica de Aplicativo Shopify
Gere um aplicativo Shopify usando Remix com integração App Bridge. Inclua a estrutura básica de arquivos, dependências do package.json e pontos de entrada principais para um aplicativo incorporado.
Implementar Manipulador de Webhook
Crie um manipulador de webhook para o webhook orders/create. Inclua verificação de assinatura HMAC, processamento assíncrono com fila e tratamento de erro adequado para lógica de retry.
Construir Tabela de Dados Polaris
Crie um componente IndexTable do Polaris para exibir produtos Shopify. Inclua definições de colunas para título, fornecedor, preço e inventário. Adicione ordenação por data de criação e filtragem por fornecedor.
Consulta GraphQL de Produtos
Escreva uma consulta GraphQL para buscar produtos com variants, incluindo níveis de inventário em locais. Adicione suporte a paginação com navegação baseada em cursor.

أفضل الممارسات

  • Use a API Admin GraphQL para todo novo desenvolvimento em vez de REST para melhor desempenho e flexibilidade
  • Processe webhooks de forma assíncrona e responda dentro de 200ms para prevenir timeouts da Shopify
  • Solicite escopos de acesso a dados de cliente apenas quando necessário e gerencie solicitações de exclusão GDPR

تجنب

  • Usar API REST para novo desenvolvimento de aplicativos quando o GraphQL oferece melhores capacidades
  • Processamento síncrono de webhook que excede o timeout de resposta de 200ms da Shopify
  • Polling da API Shopify por mudanças em vez de usar webhooks para atualizações em tempo real

الأسئلة المتكررة

Qual é a stack recomendada para novos aplicativos Shopify em 2024?
Use Remix com React Router para o backend, App Bridge v3 para experiências incorporadas, Polaris para componentes de UI e API Admin GraphQL para todas as operações de dados.
Como lidar com timeouts de webhook da Shopify?
Responda com status 200 dentro de 200ms, depois processe dados do webhook de forma assíncrona usando uma fila de jobs. A Shopify reutiliza webhooks falhos com backoff exponencial.
Quando devo usar App Bridge versus navegação direta?
Sempre use App Bridge para aplicativos incorporados no Shopify Admin. Ele fornece navegação contínua, suporte a modais e manuseio adequado de sessão dentro do iframe da Shopify.
Como implementar faturamento para meu aplicativo Shopify?
Use a API de Faturamento da Shopify com mutações GraphQL. Crie cobranças recorrentes ou compras únicas, gerencie o redirecionamento da URL de confirmação e verifique o status da cobrança antes de conceder acesso.
Quais são os limites de taxa da API Admin da Shopify?
A Shopify usa um algoritmo leaky bucket com limitação baseada em custo de consulta. Monitore os headers X-Shopify-Shop-Domain e de rate limit. Consultas GraphQL têm custos calculados com base na complexidade.
Como lidar com conformidade GDPR no meu aplicativo Shopify?
Implemente manipuladores de webhook para customers/data_request, customers/redact e shop/redact. Armazene dados de cliente minimamente e exclua mediante solicitação dentro de 30 dias conforme exigido pela Shopify.

تفاصيل المطور

المؤلف

sickn33

الترخيص

MIT

مرجع

main

بنية الملفات

📄 SKILL.md