Compétences shopify-apps
📦

shopify-apps

Sûr

Créer des applications Shopify avec des motifs modernes

Le développement d'applications Shopify nécessite de comprendre des motifs d'intégration complexes. Cette compétence fournit des motifs éprouvés pour les applications intégrées, la gestion des webhooks et l'utilisation de l'API GraphQL.

Prend en charge: Claude Codex Code(CC)
📊 71 Adéquat
1

Télécharger le ZIP du skill

2

Importer dans Claude

Allez dans Paramètres → Capacités → Skills → Importer un skill

3

Activez et commencez à utiliser

Tester

Utilisation de "shopify-apps". Demande : Générer un gestionnaire de webhook pour les mises à jour de produits

Résultat attendu:

Crée une route express avec middleware de vérification HMAC, traitement asynchrone basé sur une file d'attente, et respect de l'exigence de réponse de 200ms de Shopify avec tâche en arrière-plan pour les opérations lourdes.

Utilisation de "shopify-apps". Demande : Construire une navigation d'application intégrée

Résultat attendu:

Génère un composant de navigation App Bridge avec un bloc de navigation reliant aux sections d'administration, une reconnaissance appropriée des routes, et un style de navigation Polaris.

Audit de sécurité

Sûr
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
Fichiers analysés
47
Lignes analysées
0
résultats
1
Total des audits
Aucun problème de sécurité trouvé
Audité par: claude

Score de qualité

38
Architecture
100
Maintenabilité
87
Contenu
31
Communauté
100
Sécurité
91
Conformité aux spécifications

Ce que vous pouvez construire

Échafaudage d'application Shopify

Génère une structure complète d'application Shopify avec Remix, App Bridge et Polaris pour une initialisation rapide du projet.

Implémentation de gestionnaire de webhook

Crée des endpoints de webhook sécurisés avec vérification HMAC appropriée et motifs de traitement asynchrone.

Intégration d'API GraphQL

Construit des requêtes et mutations GraphQL efficaces pour la gestion des produits, commandes et clients.

Essayez ces prompts

Créer une structure de base d'application Shopify
Génère une application Shopify utilisant Remix avec intégration App Bridge. Inclus la structure de fichier de base, les dépendances package.json et les points d'entrée principaux pour une application intégrée.
Implémenter un gestionnaire de webhook
Crée un gestionnaire de webhook pour le webhook orders/create. Inclus la vérification de signature HMAC, le traitement asynchrone avec une file d'attente, et la gestion d'erreurs appropriée pour la logique de nouvelle tentative.
Construire un tableau de données Polaris
Crée un composant IndexTable Polaris pour afficher les produits Shopify. Inclus les définitions de colonnes pour le titre, le fournisseur, le prix et l'inventaire. Ajoute le tri par date de création et le filtrage par fournisseur.
Requête GraphQL de produit
Écris une requête GraphQL pour récupérer les produits avec leurs variantes, incluant les niveaux d'inventaire à travers les emplacements. Ajoute le support de pagination avec navigation basée sur des curseurs.

Bonnes pratiques

  • Utiliser l'API Admin GraphQL pour tout nouveau développement au lieu de REST pour de meilleures performances et flexibilité
  • Traiter les webhooks de manière asynchrone et répondre dans les 200ms pour prévenir les timeouts Shopify
  • Demander les scopes d'accès aux données clients uniquement lorsque nécessaire et gérer les demandes de suppression GDPR

Éviter

  • Utiliser l'API REST pour le développement de nouvelles applications quand GraphQL offre de meilleures capacités
  • Traitement synchrone de webhook qui dépasse le timeout de réponse de 200ms de Shopify
  • Interroger l'API Shopify par polling pour les changements au lieu d'utiliser les webhooks pour les mises à jour en temps réel

Foire aux questions

Quelle est la stack recommandée pour les nouvelles applications Shopify en 2024 ?
Utilisez Remix avec React Router pour le backend, App Bridge v3 pour les expériences intégrées, Polaris pour les composants d'interface, et l'API Admin GraphQL pour toutes les opérations de données.
Comment gérer les timeouts de webhook depuis Shopify ?
Répondez avec le statut 200 dans les 200ms, puis traitez les données de webhook de manière asynchrone en utilisant une file d'attente de tâches. Shopify retente les webhooks échoués avec un backoff exponentiel.
Quand utiliser App Bridge versus la navigation directe ?
Utilisez toujours App Bridge pour les applications intégrées dans l'Admin Shopify. Il fournit une navigation transparente, le support des modales, et une gestion appropriée des sessions dans l'iframe Shopify.
Comment implémenter la facturation pour mon application Shopify ?
Utilisez l'API de facturation Shopify avec des mutations GraphQL. Créez des frais récurrents ou des achats uniques, gérez la redirection de l'URL de confirmation, et vérifiez le statut des frais avant d'accorder l'accès.
Quelles sont les limites de débit pour l'API Admin Shopify ?
Shopify utilise un algorithme de leaky bucket avec limitation basée sur le coût des requêtes. Surveillez les en-têtes X-Shopify-Shop-Domain et de limite de débit. Les requêtes GraphQL ont des coûts calculés basés sur la complexité.
Comment gérer la conformité GDPR dans mon application Shopify ?
Implémentez des gestionnaires de webhook pour customers/data_request, customers/redact, et shop/redact. Stockez les données clients de manière minimale et supprimez-les sur demande dans les 30 jours comme requis par Shopify.

Détails du développeur

Structure de fichiers

📄 SKILL.md