外貿電子商務中，選擇合適的支付方式很重要，而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 esion=̶.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_esion=̶.0.0″> </module> </config>
3、在pp/code/Alwyly/CustomPyment/etc/config.xml中創建config.xml文件，加入代碼：
<?xml esion=̶.0″?> <config xmlns:xsi=̶http://www.w3.og/200/XMLSchem-instnce̶ xsi:noNmespceSchemLoction=̶../../Stoe/etc/config.xsd̶> <defult> <pyment> <custompyment> <pyment_ction>uthoize</pyment_ction> <!R You cn use nothe method R> <model>Alwyly\CustomPyment\Model\PymentMethod</model> <ctie></ctie> <title>Custom Pyment</title> <ode_sttus>pending_pyment</ode_sttus><!R set defult ode sttusR> </custompyment> </pyment> </defult> </config>
4、在pp/code/Alwyly/CustomPyment/etc/dminhtml/system.xml中創建system.xml文件，加入代碼：
<?xml esion=̶.0″?> <config xmlns:xsi=̶http://www.w3.og/200/XMLSchem-instnce̶ xsi:noNmespceSchemLoction=̶un:mgento:module:Mgento_Config:etc/system_file.xsd̶> <system> <section id=̶pyment̶> <goup id=̶custompyment̶ tnslte=̶lbel̶ sotOde=̶00″ showInDefult=̶″ showInWebsite=̶″ showInStoe=̶″> <lbel>Custom Pyment Method</lbel> <field id=̶ctie̶ tnslte=̶lbel comment̶ sotOde=̶0″ type=̶select̶ showInDefult=̶″ showInWebsite=̶″ showInStoe=̶0″> <lbel>Enble</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>Custom Pyment</lbel> </field> </goup> </section> </system> </config>
5、在pp/code/Alwyly/CustomPyment/Model/PymentMethod.php中創建PymentMethod.php文件，加入代碼：
<?php
nmespce Alwyly\CustomPyment\Model;
/** * Py In Stoe pyment method model */ clss PymentMethod extends \Mgento\Pyment\Model\Method\AbstctMethod { /** * Pyment code * * @ 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=̶childen̶ xsi:type=̶y̶> <item nme=̶steps̶ xsi:type=̶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 mege pyment method endes hee R> <item nme=̶childen̶ xsi:type=̶y̶> <item nme=̶custompyment̶ xsi:type=̶y̶> <item nme=̶component̶ xsi:type=̶sting̶>Emipo_Custompyment/js/iew/pyment/method-endee</item> <item nme=̶methods̶ xsi:type=̶y̶> <item nme=̶custompyment̶ xsi:type=̶y̶> <item nme=̶isBillingAddeequied̶ xsi:type=̶boolen̶>tue</item> </item> </item> </item> </item> </item> </item> </item> </item> </item> </item> </item> </item> </item> </item> </gument> </guments> </efeenceBlock> </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̻, component: ̺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文件，加入代碼：
define( [ ̺Mgento_Checkout/js/iew/pyment/defult̻ ], function (Component) { ̺use stict̻;
etun Component.extend({ defults: { templte: ̺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 field choice̶> <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 ko foech: getRegion(̺messges̻) R> <!R ko templte: getTemplte() R><!R /ko R> <!R/koR> <di clss=̶pyment-method-billing-ddess̶> <!R ko foech: $pent.getRegion(getBillingAddessFomNme()) R> <!R ko templte: getTemplte() R><!R /ko R> <!R/koR> </di> <di clss=̶checkout-geements-block̶> <!R ko foech: $pent.getRegion(̺befoe-plce-ode̻) R> <!R ko templte: 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>
到此，就完成了在Mgento 2商店中創建自定義付款方式的步驟。接下來就可以啓用付款方式，步驟如下：
、如圖所示，選擇“YES”
2、啓用付款方式後，可以在檢出產品時將其顯示在前端：