Come aggiungere js esterni in Magento 2

Voglio aggiungere il seguente link nel tag head, ma restituisce l'errore 404. Qualcuno può aiutarmi in questo?

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

magento2 javascript

— Sivakumar K
fonte

Segui questo articolo. inchoo.net/magento-2/… Quei ragazzi sono fantastici :)

— Ashvini Marwal

ho bisogno attraverso il file di layout. Si prega di osservare che è un collegamento e un non file

— Sivakumar K

Risposte:

Consiglio di usare il metodo dello script piuttosto che il metodo del testo, è più facile da capire per gli altri sviluppatori, è meno codice e soddisfa le istruzioni ufficiali di Magento.

Per fare questo usa lo stesso script o link XML come normale ma includi src_type="url". Come notato nei documenti ufficiali

<?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>

risultati

— Ben Crook
fonte

Non sapevo che potresti specificare un src_type sul tag script fino ad ora :)

— Smartie

Come aggiungere script con parametro? <script src = "// maps.googleapis.com/maps/api/js?key=APIKEY&libraries=places" src_type = "url" />

— Sunny Khatri,

e non accettare con tag script in magento 2

— Sunny Khatri,

Se lo stai aggiungendo a livello globale, il modo più semplice è farlo attraverso l'area di amministrazione.

Vai su Negozi> Configurazione> Progettazione e quindi nella scheda HTML Head puoi aggiungere vari script.

Puoi aggiungerlo usando xml però. Ad esempio, se si desidera solo che venga aggiunto alla propria homepage, inserire quanto segue nel file di layout view / frontend / layout / cms_index_index.xml all'interno del modulo personalizzato.

<?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>

Come nota a margine, se riesci ad evitare di mettere js in testa, in questo caso renderò il blocco fino a quando js non sarà stato scaricato completamente.

— Smartie
fonte

ho bisogno solo di una pagina personalizzata.

— Sivakumar K

Questo tipo di informazioni è utile sapere all'inizio :) Aggiornerò il mio post.

— Smartie

Il tag di azione è stato deprezzato, consultare devdocs.magento.com/guides/v2.0/frontend-dev-guide/layouts/… per maggiori informazioni.

— Ben Crook,

Come aggiungere script con parametro? <script src = "// maps.googleapis.com/maps/api/js?key=APIKEY&libraries=places" src_type = "url" />

— Sunny Khatri,