フララム拡張機能の書き込み：カスタムフィールドの構築

このチュートリアルは、ユーザープロファイルにカスタムWeb3アドレスフィールドを追加するためのFlarum拡張機能を作成することを示しています。 ユーザーがアクセスでき、管理者が編集できます

重要な概念：

フララムボイラープレートの友人：
• このツールを活用して、拡張機能の構造をすばやく生成します。 拡張flarum：
チュートリアルは、既存のフララムコンポーネントを上書きするのではなく、既存のフララムコンポーネントを拡張し、コア機能を維持することを強調しています。
• データベースの移行：移行を使用して、
列をユーザーテーブルに追加し、データの持続性を確保します。
• イベントリスナー：イベントリスナー（web3addressおよび
）は、フロントエンドとバックエンドの間のデータフローを処理します。
• フロントエンド開発（javascript）：javaScriptを使用して、Web3アドレスフィールドのUI要素を作成し、ユーザー入力を処理します。 SerializingSavingバックエンド開発（PHP）：
PHPは、データの保存、検証、および管理者アクセス制御を処理します。
• [Web3アドレス]フィールドの追加：
• 拡張機能により、ユーザーはプロファイルページにWeb3アドレスを入力できます。 このアドレスは、Web3エコシステム内の暗号化のアイデンティティとして機能します。 Web3の知識がなくても、このチュートリアルはカスタムユーザーフィールドの作成に関する貴重な洞察を提供します。
前提条件：

nodejs（12.16）、作曲家、糸（推奨）、PHP、MySQL、および実行中のフララムインスタンスが必要です。 Flarumインスタンスがデバッグモードであることを確認してください

拡張機能：

flandy of Flarum volerplateを使用して、拡張機能を作成します：（または同様の名前）。

bulerplateを構成します（管理者CSS＆JS：いいえ;フォーラムCSS＆JS：はい;ロケール：はい; JavaScript：はい; CSS：はい）。

javascriptをコンパイル：

。

拡張子をインストールします：。

flarum adminパネルの拡張機能をアクティブにします。
1. npx @friendsofflarum/create-flarum-extension web3address
3. cd packages/web3address/js; yarn && yarn dev
拡張開発：
4. composer config repositories.0 path "packages/*"; composer require swader/blockchain @dev

   チュートリアルの詳細は、extend.php、js/src/forum/index.jsの作成、src/forum/components/Web3Field.jsの作成、データベースの移行の実装、およびリスナーの作成（AddUserWeb3AddressAttribute.phpおよびSaveUserWeb3Address.php）を作成します。 このプロセスには、既存のフララムコンポーネントを拡張し、イベントリスナーを追加してデータの永続性と表示を管理することが含まれます。 最終的な手順では、管理者がユーザーWeb3アドレスを編集できるように管理者UIを拡張することが含まれます。

   

   結論とFAQ：

   チュートリアルは、拡張機能をテストおよび配布する方法を説明することで終了します。 包括的なFAQセクションでは、カスタムフィールドの作成、コンポーザーおよび移行ファイルの使用、データ入出力/出力、テスト、および配布の処理など、フララム拡張開発のさまざまな側面をカバーしています。 著者は、フィードバックとさらなる議論を奨励しています

以上がフララム拡張機能の書き込み：カスタムフィールドの構築の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。