Panduan Membuat Modul di Magento 2

Diterbitkan: 2015-11-20

Apakah Anda mencari cara membuat Modul di Magento 2? Hari ini, kami akan memandu Anda cara membuat modul di Magento 2. Kami harap Anda menikmatinya dan menggunakannya dengan mudah!

Untuk membuat modul fleksibel sangat sulit, tetapi kami memiliki tutorial sederhana tentang membuat modul sederhana di Magento 2. Semoga tutorial ini dapat membantu Anda pada langkah pertama. Sebelum membuat modul , perlu dipahami perbedaan struktur direktori antara kedua versi Magento. Dalam struktur direktori Magento 2, kumpulan kode dihapus dari struktur file basis kode. Sekarang semua modul dikelompokkan berdasarkan vendor. Oleh karena itu, Kami dapat membuat modul tepat di dalam direktori app/code.

Pembaruan Terbaru: Kami baru saja merilis versi 2.0 dari Claue Multipurpose Magento 2 Theme, dengan banyak peningkatan kinerja dan fitur eksklusif. Lihat tema ini sekarang: Claue Magento Theme 2. 0

claue2_edited (1)

Demo Langsung

Claue – Clean, Minimal Magento 2&1 Theme adalah template yang sangat baik untuk toko eCommerce modern dan bersih dengan 40+ tata letak beranda dan banyak pilihan untuk toko, blog, portofolio, tata letak pencari toko, dan halaman berguna lainnya. Claue versi 2. 0 hadir dengan banyak fitur eksklusif termasuk:

  • Berbasis pada tema Luma.
  • Memenuhi semua standar Tema Magento
  • Peningkatan kinerja yang signifikan
  • Kompatibel dengan sebagian besar ekstensi pihak ketiga.
  • Sepenuhnya kompatibel dengan Magento 2.4.x

Versi lanjutan kedua ini benar-benar berbeda dari yang sebelumnya. Jadi, jika Anda menggunakan Claue versi 1 dan ingin memperbarui ke Claue versi 2, Anda hanya dapat membangun kembali situs web baru dan tidak memperbarui dari versi lama. Sekarang, mari kita kembali ke topik utama.

Perbedaan antara Magento1.0 dan Magento2.0

Ada beberapa perbedaan mendasar antara Magento 1.0 dan Magento 2.0 sehingga Anda dapat dengan mudah memvisualisasikan struktur folder di Magento 2.0. Jadi, membuat modul sederhana di Magento 2.0 sangat mudah.

Panduan untuk membuat modul di Magento 2

Buat modul di Magento2

Langkah 1: Buat file konfigurasi.

– Buat file: app/code/Tutorial/Example/etc/module.xml (Tujuan: File ini akan mendeklarasikan modul Anda) dan masukkan kode berikut ke dalamnya:

  1. <? versi xml = “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. < nama modul = “Tutorial_Example” setup_version = “1.0.0” >
  6. </modul>
  7. </config>

– Buat file: app/code/Tutorial/Contoh/etc/frontend/routes.xml (Tujuan: Router modul Anda untuk frontend akan dideklarasikan di sini):

  1. <? versi xml = “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. <router id = “standar” >
  5. <rute id = “contoh” frontName = “contoh” >
  6. < nama modul = “Tutorial_Contoh” />
  7. </rute>
  8. </router>
  9. </config>

Langkah 2: Buat file pengontrol, tata letak, dan templat.

Setelah membuat file konfigurasi, kita akan mulai dengan file controller, layout dan template.

– Buat file pengontrol: app/code/Tutorial/Contoh/Controller/Index/Index.php dan masukkan kode ini:

  1. <? php
  3. namespace Tutorial \Contoh\Controller\Index ;
  5. gunakan Magento \Framework\App\Action\Context ;
  6. gunakan Magento \Framework\View\Result\PageFactory ;
  8. indeks kelas meluas \Magento\Framework\App\Action\Action
  9. {
  10. /**
  11. * @param Konteks $konteks
  12. * @param PageFactory $resultPageFactory
  13. */
  14. fungsi publik __konstruksi (
  15. Konteks $konteks ,
  16. PageFactory $resultPageFactory
  17. )
  18. {
  19. induk :: __construct ( $konteks );
  20. $this -> resultPageFactory = $resultPageFactory ;
  21. }
  23. menjalankan fungsi publik ()
  24. {
  25. $resultPageFactory = $this -> resultPageFactory -> create ();
  27. // Tambahkan judul halaman
  28. $resultPageFactory -> getConfig ()-> getTitle ()-> set ( __ ( 'Contoh modul' ));
  30. // Tambahkan remah roti
  31. /** @var \Magento\Theme\Block\Html\Breadcrumbs */
  32. $breadcrumbs = $resultPageFactory -> getLayout ()-> getBlock ( 'breadcrumbs' );
  33. $breadcrumbs -> addCrumb ( 'home' ,
  34. [
  35. 'label' => __ ( 'Beranda' ),
  36. 'judul' => __ ( 'Beranda' ),
  37. 'link' => $this -> _url -> getUrl ( ” )
  38. ]
  39. );
  40. $breadcrumbs -> addCrumb ( 'tutorial_example' ,
  41. [
  42. 'label' => __ ( 'Contoh' ),
  43. 'judul' => __ ( 'Contoh' )
  44. ]
  45. );
  47. kembali $resultPageFactory ;
  48. }
  49. }

– Buat file tata letak: app/code/Tutorial/Example/view/frontend/layout/example_index_index.xml

  1. <? versi xml = "1.0" encoding = "UTF-8" ?>
  2. <halaman xmlns:xsi = “http://www.w3.org/2001/XMLSchema-instance” tata letak = “3 kolom”
  3. xsi:noNamespaceSchemaLocation = “../../../../../../../lib/internal/Magento/Framework/View/Layout/
  4. etc/page_configuration.xsd” >
  5. <tubuh>
  6. <referenceContainer name = “konten” >
  7. <block class = “Magento\Framework\View\Element\Template” name = “tutorial_example_block”
  8. template = “Tutorial_Contoh::index.phtml” />
  9. </referenceContainer>
  10. </tubuh>
  11. </halaman>

– Buat file templat: app/code/Tutorial/Contoh/view/frontend/templates/index.phtml

<h1> <? php echo __ ( 'Ini adalah contoh modul!' ) ?> </h1>

Langkah 3: Aktifkan modul di file konfigurasi Magento 2

Kami akan mengaktifkan modul ini dengan membuka app/etc/ config.php file kemudian tambahkan baris ini ke dalamnya:

Kemudian buka Command di Windows (atau Terminal di Linux dan MAC OS). Buka folder root Magento Anda dan jalankan baris perintah ini untuk menginstal modul Anda:

pengaturan bin\magento: tingkatkan

Terakhir, bersihkan cache Magento lalu akses dengan url http://localhost/magento2/example/index/index/

Kunjungi blog Magesolution untuk tidak pernah melewatkan pembaruan atau tutorial apa pun tentang Magento 2.0