Magento2でモジュールを作成するためのガイド

公開: 2015-11-20

Magento 2でモジュールを作成する方法をお探しですか？ 今日は、Magento 2でモジュールを作成する方法をご案内します。楽しんで、簡単に利用できることを願っています。

柔軟なモジュールを作成することは非常に困難ですが、Magento2で簡単なモジュールを作成するための簡単なチュートリアルがあります。このチュートリアルが最初のステップで役立つことを願っています。 モジュールを作成する前に、2つのバージョンのMagentoのディレクトリ構造の違いを理解する必要があります。 Magento 2ディレクトリ構造では、コードプールはコードベースファイル構造から削除されます。 これで、すべてのモジュールがベンダーごとにグループ化されました。 したがって、app / codeディレクトリ内にモジュールを作成できます。

最新のアップデート： Claue Multipurpose Magento 2テーマのバージョン2.0をリリースしました。これには、多数のパフォーマンスの向上と独自の機能が含まれています。 このテーマを今すぐチェックしてください：Claue Magento Theme 2. 0

claue2_edited（1）

ライブデモ

Claue –クリーンで最小限のMagento 2＆1テーマは、40以上のホームページレイアウトと、ショップ、ブログ、ポートフォリオ、店舗検索レイアウト、その他の便利なページのオプションを備えた、モダンでクリーンなeコマースストアの優れたテンプレートです。 Claueバージョン2.0には、次のような多数の専用機能が付属しています。

  • ルマのテーマに基づいています。
  • Magentoテーマのすべての基準を満たす
  • 大幅なパフォーマンスの向上
  • ほとんどのサードパーティの拡張機能と互換性があります。
  • Magento2.4.xと完全に互換性があります

この2番目の高度なバージョンは、以前のバージョンとは完全に異なります。 したがって、Claueバージョン1を使用していて、Claueバージョン2に更新する場合は、古いバージョンから更新するのではなく、新しいWebサイトを再構築することしかできません。 それでは、メイントピックに戻りましょう。

Magento1.0とMagento2.0の違い

Magento1.0とMagento2.0にはいくつかの基本的な違いがあるため、Magento2.0のフォルダー構造を簡単に視覚化できます。 したがって、Magento2.0で簡単なモジュールを作成するのは簡単です。

Magento2でモジュールを作成するためのガイド

Magento2でモジュールを作成します

ステップ1：構成ファイルを作成します。

–ファイルを作成します： app / code / Tutorial / Example / etc / module.xml （目的：このファイルはモジュールを宣言します）そして次のコードをそれに挿入します：

  1. <？ xml version = “ 1.0” ？>
  2. <config xmlns：xsi = “ http://www.w3.org/2001/XMLSchema-instance” xsi：noNamespaceSchemaLocation = “ ..
  3. /../../../../lib/internal/Magento/Framework/Module/etc/module.xsd " >
  4. <モジュール名= 「Tutorial_Example」 setup_version = 「1.0.0」 >
  6. </ module>
  7. </ config>

–ファイルの作成： app / code / Tutorial / Example / etc / frontend / routers.xml （目的： フロントエンド用のモジュールのルーターはここで宣言されます）：

  1. <？ xml version = “ 1.0” ？>
  2. <config xmlns：xsi = “ http://www.w3.org/2001/XMLSchema-instance” xsi：noNamespaceSchemaLocation = “ ..
  3. /../../../../../lib/internal/Magento/Framework/App/etc/routes.xsd " >
  4. <ルーターID = 「標準」 >
  5. <route id = “ example” frontName = “ example” >
  6. <モジュール名= "Tutorial_Example" />
  7. </ route>
  8. </ルーター>
  9. </ config>

ステップ2：コントローラー、レイアウト、およびテンプレートファイルを作成します。

構成ファイルを作成したら、コントローラー、レイアウト、およびテンプレートファイルから始めます。

–コントローラーファイルを作成します。 app / code / Tutorial / Example / Controller / Index / Index.php そしてこのコードを入れてください：

  1. <？ php
  3. 名前空間チュートリアル\ Example \ Controller \ Index ;
  5. Magento \ Framework \ App \ Action \ Contextを使用します;
  6. Magento \ Framework \ View \ Result \ PageFactoryを使用します;
  8. クラスインデックスは\ Magento \ Framework \ App \ Action \ Actionを拡張します
  9. {{
  10. / **
  11. * @ paramコンテキスト$ context
  12. * @param PageFactory $ resultPageFactory
  13. * /
  14. パブリック関数__construct （
  15. コンテキスト$ context 、
  16. PageFactory $ resultPageFactory
  17. ）。
  18. {{
  19. 親:: __ construct （ $ context ）;
  20. $ this- > resultPageFactory = $ resultPageFactory ;
  21. }
  23. パブリック関数execute （）
  24. {{
  25. $ resultPageFactory = $ this- > resultPageFactory- > create （）;
  27. //ページタイトルを追加
  28. $ resultPageFactory- > getConfig （）-> getTitle （）-> set （ __ （ 'サンプルモジュール' ））;
  30. //ブレッドクラムを追加します
  31. / ** @var \ Magento \ Theme \ Block \ Html \ Breadcrumbs * /
  32. $ breadcrumbs = $ resultPageFactory- > getLayout （）-> getBlock （ 'breadcrumbs' ）;
  33. $ breadcrumbs- > addCrumb （ 'home' 、
  34. [
  35. 'ラベル' => __ （ 'ホーム' ）、
  36. 'タイトル' => __ （ 'ホーム' ）、
  37. 'link' => $ this- > _url- > getUrl （ ” ）
  38. ]
  39. ）;
  40. $ breadcrumbs- > addCrumb （ 'tutorial_example' 、
  41. [
  42. 'ラベル' => __ （ '例' ）、
  43. 'タイトル' => __ （ '例' ）
  44. ]
  45. ）;
  47. $ resultPageFactoryを返します;
  48. }
  49. }

–レイアウトファイルを作成します。 app / code / Tutorial / Example / view / frontend / layout / example_index_index.xml

  1. <？ xml version = “ 1.0” encoding = “ UTF-8” ？>
  2. <page xmlns：xsi = “ http://www.w3.org/2001/XMLSchema-instance” layout = “ 3columns”
  3. xsi：noNamespaceSchemaLocation = “ ../../../../../../../lib/internal/Magento/Framework/View/Layout/
  4. etc / page_configuration.xsd " >
  5. <本体>
  6. <referenceContainer name = “ content” >
  7. <block class = “ Magento \ Framework \ View \ Element \ Template” name = “ tutorial_example_block”
  8. template = “ Tutorial_Example :: index.phtml” />
  9. </ referenceContainer>
  10. </ body>
  11. </ page>

–テンプレートファイルを作成します。 app / code / Tutorial / Example / view / frontend / templates / index.phtml

<h1> <？ php echo __ （ 'これはサンプルモジュールです！' ） ？> </ h1>

ステップ3：Magento2の構成ファイルでモジュールをアクティブ化します

このモジュールを開いてアクティブにします app / etc / config.php 次に、ファイルに次の行を追加します。

次に、Windows（またはLinuxとMAC OSのターミナル）でコマンドを開きます。 Magentoのルートフォルダーに移動し、次のコマンドラインを実行してモジュールをインストールします。

bin \ magento setup：upgrade

最後に、Magentoキャッシュをクリアしてから、URLでアクセスします http：// localhost / magento2 / example / index / index /

Magesolutionブログにアクセスして、Magento2.0に関する更新やチュートリアルを見逃さないようにしてください