Rédaction d'une extension Flarum: Construire un champ personnalisé

Ce didacticiel montre la création d'une extension Flarum pour ajouter un champ d'adresse Web3 personnalisé aux profils utilisateur. Il est accessible aux utilisateurs et modifiable par les administrateurs.

Concepts clés:

• Friends of Flarum Falleplate: Tirez parti de cet outil pour générer rapidement la structure de l'extension.
• Extension de Flarum: Le tutoriel met l'accent sur l'extension des composants de Flarum existants plutôt que de les écraser, en maintenant les fonctionnalités centrales.
• Migration de la base de données: Une migration est utilisée pour ajouter la colonne web3address au tableau des utilisateurs, assurant la persistance des données.
• Écouteurs d'événements: Écouteurs d'événements (Serializing et Saving) Gérer le flux de données entre le frontend et le backend.
• Frontend Development (JavaScript): JavaScript est utilisé pour créer l'élément d'interface utilisateur pour le champ d'adresse Web3 et gérer l'entrée utilisateur.
• Développement du backend (PHP): PHP gère l'enregistrement des données, la validation et le contrôle d'accès administrateur.

Ajout du champ d'adresse Web3:

L'extension permet aux utilisateurs de saisir leur adresse Web3 sur leur page de profil. Cette adresse sert d'identité cryptographique dans l'écosystème Web3. Même sans connaissances Web3, ce tutoriel fournit des informations précieuses sur la création de champs d'utilisateur personnalisés.

Prérequis:

NODEJS (12.16), compositeur, fil (recommandé), PHP, MySQL et une instance de Flarum en cours d'exécution sont nécessaires. Assurez-vous que votre instance Flarum est en mode débogage.

Création d'extension:

1. Utilisez les amis de Flarum Boilerplate pour créer l'extension: npx @friendsofflarum/create-flarum-extension web3address (ou un nom similaire).
2. Configurez la buissier (Admin CSS & JS: Non; Forum CSS & JS: Oui; Locale: Oui; JavaScript: Oui; CSS: Oui).
3. compiler javascript: cd packages/web3address/js; yarn && yarn dev.
4. Installez l'extension: composer config repositories.0 path "packages/*"; composer require swader/blockchain @dev.
5. Activez l'extension dans le panneau d'administration de Flarum.

Développement d'extension:

Le tutoriel Détails Modification extend.php, js/src/forum/index.js, Création src/forum/components/Web3Field.js, Implémentation d'une migration de base de données et créant des auditeurs (AddUserWeb3AddressAttribute.php et SaveUserWeb3Address.php). Le processus consiste à étendre les composants de Flarum existants et à ajouter des auditeurs d'événements pour gérer la persistance des données et l'affichage. Les étapes finales consistent à étendre l'interface utilisateur d'administration pour permettre aux administrateurs de modifier les adresses Web3 utilisateur.

CONCLUSION ET FAQS:

Le tutoriel conclut en expliquant comment tester et distribuer l'extension. Une section FAQ complète couvre divers aspects du développement de l'extension de Flarum, notamment la création de champs personnalisés, à l'aide de fichiers compositeurs et de migration, en gérant l'entrée / sortie des données, les tests et la distribution. L'auteur encourage les commentaires et les discussions plus approfondies.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!