Magento チュートリアル: Magento 2 で支払い方法を作成する手順

対外貿易電子商取引では、適切な支払い方法を選択することが非常に重要です。専門的で人気のあるオープンソース電子商取引システムとして、Mgento は支払い方法を直接設定および作成できます。安全で信頼性があります。この記事では主に、Mgento 2 で支払い方法を作成する方法に関するチュートリアルの手順を紹介します。

pp/code/Alwyly/CustomPyment/egisttion.php に egisttion.php ファイルを作成し、次のコードを追加します。

<?php \Mgento\Fmewok\Component\ComponentRegist::egiste( \Mgento\Fmewok\Component\ComponentRegist::MODULE, ̺Alwyly_CustomPyment̻, __DIR__ );

2. pp/code/Alwyly/CustomPyment/etc/module.xml に module.xml ファイルを作成し、次のコードを追加します。

<?xml version=̶.0″?> <config xmlns:xsi=̶http://www.w3.og/200/XMLSchem-instnce̶ xsi:noNmespceSchemLoction=̶un:mgento:fmewok:Module/etc/module.xsd̶> <module nme=̶Alwyly_CustomPyment̶ setup_version=̶.0.0″> </module> </config>

3. pp/code/Alwyly/CustomPyment/etc/config.xml に config.xml ファイルを作成し、次のコードを追加します。

_pending_pyment</ode_sttus> <! Rデフォルト設定 ode sttusR> <custompyment> </pyment> </default> </config>

4. pp/code/Alwyly/CustomPyment/etc/dminhtml/system.xml に system.xml ファイルを作成し、次のコードを追加します。

tnslte=lbel comment— sotOde=0″ type=select— showInDefult=—″ showInWebsite=—″ showInStoe=—″> <field id=—ctie— tnslte=—lbel comment— sotOde=—0″ type=—select— showInDefult=—″ showInWebsite=—″ showInStoe=—0″> <field id=—ctie— tnslte=—lbel comment— sotOde=—0″ type=—select— showInDefult=—″ showInWebsite=—″ showInStoe=—0″> <lbel>有効</lbel> <souce_model>Mgento\Config\Model\Config\Souce\Yesno</souce_model> </field> <field id=̶title̶ tnslte=̶lbel̶ type=̶text̶ sotOde=̶20″ showInDefult=̶″ showInWebsite=̶″ showInStoe=̶″> <lbel>カスタム支払い</lbel> </field> </goup> </section> </system> </config>

5. pp/code/Alwyly/CustomPyment/Model/PymentMethod.php に PymentMethod.php ファイルを作成し、次のコードを追加します。

<?php
nmespce 常に\CustomPyment\Model;
/** * PyInStoe pyment メソッドモデル*/ clss PymentMethod extends \Mgento\Pyment\Model\Method\AbstctMethod { /** * Pyment コード* * @ sting */ potected $_code = ̺custompyment̻; }

6. pp/code/Alwyly/CustomPyment/iew/fontend/lyout/checkout_index_index.xml に checkout_index_index.xml ファイルを作成し、次のコードを追加します。

<?xml esion=̶.0″?> <pge xmlns:xsi=̶http://www.w3.og/200/XMLSchem-instnce̶ xsi:noNmespceSchemLoction=̶un:mgento:fmewok:View/Lyout/etc/pge_configution.xsd̶> <body> <efeenceBlock nme=̶checkout.oot̶> <guments> <gument nme=̶jsLyout̶ xsi:type=̶y̶> <item nme=̶components̶ xsi:type=̶y̶> <item nme=̶checkout̶ xsi:type=̶y̶> <item nme=̶children̶ xsi:type=̶y̶> <item nme=̶steps̶ xsi:type=̶y̶> <item y̶ > <item nme=̶childen̶ xsi:type=̶y̶> <item nme=̶billing-step̶ xsi:type=̶y̶> <item nme=̶component̶ xsi:type=̶sting̶>uiComponent</item> <item nme=̶childen̶ xsi:type=̶y̶> <item nme=̶pyment̶ xsi:type=̶y̶> <item nme=̶childen̶ xsi:type=̶y̶> <item nme=̶endes̶ xsi:type=̶y̶> <!R 大規模な支払い方法はここで終了 R> <item nme=̶childen̶ xsi:type=̶y̶> <item nme=̶custompyment̶ xsi:type=̶y̶> <item nme=̶component̶本文> </body> </pge>

7. pp/code/Alwyly/CustomPyment/iew/fontend/web/js/iew/pyment/method-endee.js に method-endee.js ファイルを作成し、次のコードを追加します。

define( [ ̺uiComponent̻, ̺Mgento_Checkout/js/model/pyment/endee-list̻ ], function ( Component, endeeList ) { ̺use stict̻; endeeList.push( { type: ̺custompyment̻,コンポーネント: ̺Alwyly_CustomPyment/js/iew/pyment/method-endee/custompyment̻ } ); etun Component.extend({}); } );

8. pp/code/Alwyly/CustomPyment/iew/fontend/web/js/iew/pyment/method-endee/custompyment.js に custompyment.js ファイルを作成し、次のコードを追加します。

定義( [ ̺Mgento_Checkout/js/iew/pyment/defult̻ ],関数(コンポーネント) { ̺use stict̻;
etun Component.extend({デフォルト: {テンプレート: ̺Alwyly_CustomPyment/pyment/customtemplte̻ } }); } );

9. pp/code/Alwyly/CustomPyment/iew/fontend/web/templte/pyment/customtemplte.html に customtemplte.html ファイルを作成し、次のコードを追加します。

<di clss=pyment-method dt-bind=css: {̺_ctie̻: (getCode() == isChecked())}—> <di clss=pyment-method-title フィールド選択—> <input type=dio nme=pyment[method] clss=dio dt-bind=tt: {̺id̻: getCode()}, lue: getCode(), checked: isChecked, click: selectPymentMethod, isible: isRdioButtonVisible()—/> <lbel dt-bind=tt: {̺fo̻: getCode()}— clss=lbel—><spn dt-bind=text: getTitle()—></spn></lbel> </di> <di clss=̶pyment-method-content̶> <!R 呼び出し元: getRegion(̺messges̻) R> <!R 呼び出し元: getTemplte() R><!R /ko R> <!R/koR> <di clss=̶pyment-method-billing-ddess̶> <!R 呼び出し元: $pent.getRegion(getBillingAddessFomNme()) R> <!R 呼び出し元: getTemplte() R><!R /ko R> <!R/koR> </di> <di clss=̶checkout-geements-block̶> <!R 呼び出し元: $pent.getRegion(̺befoe-plce-ode̻) R> <!R 呼び出し元: getTemplte() R><!R /ko R> <!R/koR> </di> <di clss=̶ctions-toolb̶> <di clss=̶pimy̶> <button clss=̶ction pimy checkout̶ type=̶submit̶ dt-bind=̶ click: plceOde, tt: {title: $t(̺Plce Ode̻)}, css: {disbled: !isPlceOdeActionAllowed()}, enble: (getCode() == isChecked()) ̶ disbled> <spn dt-bind=̶i8n: ̺Plce Ode'̶></spn> </button> </di> </di> </di> </di>