Bagaimana cara menambahkan js eksternal di Magento 2

Saya ingin menambahkan tautan berikut di tag kepala, tetapi 404 kesalahannya kembali. Ada yang bisa membantu saya dalam hal ini?

<script  type="text/javascript"  src="https://www.google.com/recaptcha/api.js"></script>

magento2 javascript

— Sivakumar K
sumber

Ikuti saja artikel ini. inchoo.net/magento-2/... Orang-orang itu mengagumkan :)

— Ashvini Marwal

saya perlu melalui file layout.silakan amati linknya dan bukan file

— Sivakumar K

Jawaban:

Saya akan merekomendasikan menggunakan metode skrip daripada metode teks, lebih mudah bagi pengembang lain untuk memahami, lebih sedikit kode, dan memenuhi instruksi resmi Magento.

Untuk melakukan ini gunakan skrip atau tautan XML yang sama seperti biasa tetapi sertakan src_type="url". Seperti dicatat dalam dokumen resmi

<?xml version="1.0" ?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <head>
        <script src="https://www.google.com/recaptcha/api.js" src_type="url"/>
    </head>
</page>

Hasil

— Ben Crook
sumber

Tidak tahu Anda bisa menentukan src_type pada tag skrip sampai sekarang :)

— Smartie

Bagaimana cara menambahkan skrip dengan parameter? <script src = "// maps.googleapis.com/maps/api/js?key=APIKEY&libraries=places" src_type = "url" />

— Sunny Khatri

& tidak menerima dengan tag skrip di magento 2

— Sunny Khatri

Jika Anda menambahkan ini secara global, cara termudah adalah melakukannya melalui area admin.

Pergi ke Toko> Konfigurasi> Desain dan kemudian di tab HTML Head Anda dapat menambahkan skrip lain-lain.

Anda dapat menambahkannya menggunakan xml sekalipun. Misalnya, jika Anda hanya ingin ditambahkan ke beranda Anda, masukkan berikut ini di tampilan file tata letak / frontend / tata letak / cms_index_index.xml di dalam modul khusus Anda.

<?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <head>
        <script src="https://www.google.com/recaptcha/api.js" src_type="url"/>
    </head>
</page>

Sebagai catatan, jika Anda dapat menghindari menempatkan js di kepala saya lakukan karena hal ini akan membuat pemblokiran sampai js telah sepenuhnya diunduh.

— Smartie
sumber

saya hanya perlu dalam satu halaman khusus.

— Sivakumar K

Informasi semacam itu berguna untuk diketahui di awal :) Saya akan memperbarui posting saya.

— Smartie

Tag tindakan telah disusutkan, silakan lihat devdocs.magento.com/guides/v2.0/frontend-dev-guide/layouts/… untuk info lebih lanjut.

— Ben Crook

Bagaimana cara menambahkan skrip dengan parameter? <script src = "// maps.googleapis.com/maps/api/js?key=APIKEY&libraries=places" src_type = "url" />

— Sunny Khatri