Comment ajouter des js externes dans Magento 2

Je veux ajouter le lien suivant dans la balise head, mais son erreur 404 de retour. Quelqu'un peut-il m'aider à ce sujet?

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

magento2 javascript

— Sivakumar K
source

Suivez simplement cet article. inchoo.net/magento-2/… Ces gars sont géniaux :)

— Ashvini Marwal

j'ai besoin de la mise en page file.please observez son un lien et pas un fichier

— Sivakumar K

Réponses:

Je recommanderais d'utiliser la méthode de script plutôt que la méthode de texte, c'est plus facile à comprendre pour les autres développeurs, c'est moins de code et répond aux instructions officielles de Magento.

Pour ce faire, utilisez le même script ou liez XML comme d'habitude mais incluez src_type="url". Comme indiqué dans les documents officiels

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

Résultats

— Ben Crook
source

Je ne savais pas que vous pouviez spécifier un src_type sur la balise de script jusqu'à présent :)

— Smartie

Comment ajouter un script avec un paramètre? <script src = "// maps.googleapis.com/maps/api/js?key=APIKEY&libraries=places" src_type = "url" />

— Sunny Khatri

et ne pas accepter avec la balise script dans magento 2

— Sunny Khatri

Si vous ajoutez ceci globalement, le plus simple est de le faire via la zone d'administration.

Accédez à Magasins> Configuration> Conception, puis dans l'onglet Tête HTML, vous pouvez ajouter divers scripts.

Vous pouvez cependant l'ajouter en utilisant xml. Par exemple, si vous souhaitez simplement l'ajouter à votre page d'accueil, placez ce qui suit dans le fichier de mise en page view / frontend / layout / cms_index_index.xml à l'intérieur de votre module personnalisé.

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

En remarque, si vous pouvez éviter de mettre les js dans la tête, je le ferais car cela rendrait le blocage jusqu'à ce que les js aient été entièrement téléchargés.

— Smartie
source

je n'ai besoin que d'une seule page personnalisée.

— Sivakumar K

Ce type d'informations est utile à connaître au début :) Je mettrai à jour mon message.

— Smartie

La balise d'action a été dépréciée, veuillez consulter devdocs.magento.com/guides/v2.0/frontend-dev-guide/layouts/… pour plus d'informations.

— Ben Crook

Comment ajouter un script avec un paramètre? <script src = "// maps.googleapis.com/maps/api/js?key=APIKEY&libraries=places" src_type = "url" />

— Sunny Khatri