Comment désactiver la restriction par défaut d'Uniapp sur les navigateurs de liens externes

Avec l'essor de l'Internet mobile, les applications Web sont progressivement devenues le premier choix des utilisateurs pour découvrir les produits, et Uniapp, en tant qu'outil de développement multiplateforme hautes performances, a reçu une large attention lors de la mise en œuvre du développement d'applications mobiles d'entreprise. Cependant, comme les développeurs doivent prendre en compte la sécurité des applications et d'autres problèmes, Uniapp interdit par défaut les navigateurs externes, ce qui entraînera de gros problèmes pour certaines applications qui doivent utiliser les fonctions du noyau du navigateur (telles que les fonctions de paiement Troubled). Par conséquent, cet article explique comment désactiver les paramètres par défaut d'Uniapp qui restreignent les navigateurs de liens externes.

1. Modifier manifest.json

Dans Uniapp, manifest.json est le fichier principal du fichier de configuration. En modifiant le contenu de configuration dans ce fichier, vous pouvez implémenter des restrictions d'ouverture sur les navigateurs de liens externes. Dans le fichier manifest.json, vous pouvez trouver le code suivant :

"condition": {
      "appType": [
        "normal"
      ]
    }

Parmi eux, appType définit le type d'application, et normal signifie que le lien n'est ouvert que dans l'application. Pour désactiver la restriction, ajoutez simplement le code suivant après le bloc de code :

"launch_path": ".pg",
    "extern": {
      "allow_external": [
        "https://*",
        "http://*",
        "tel:*",
        "mailto:*"
      ]
    }

Parmi eux, launch_path définit le chemin de la page où l'application est lancée. Ici, il est défini sur ".pg" pour indiquer la page actuelle. . extern définit les restrictions d'accès aux liens externes. Les éléments deallow_external représentent les protocoles et les adresses d'accès aux liens externes autorisés, qui peuvent être modifiés en fonction des besoins réels.

Le manifest.json modifié devrait ressembler à ceci :

"condition": {
      "appType": [
        "normal"
      ]
    },
    "launch_path": ".pg",
    "extern": {
      "allow_external": [
        "https://*",
        "http://*",
        "tel:*",
        "mailto:*"
      ]
    }

Une fois les modifications ci-dessus terminées, enregistrez le manifest.json.

2. Modifier uni-config.json

Uniapp fournit le fichier uni-config.json dans le répertoire de premier niveau, qui peut être utilisé pour définir la configuration globale de l'application. accéder aux paramètres. Le code suivant peut être trouvé dans le fichier :

"condition": { "openWebviewCheck": true }

Parmi eux, openWebviewCheck est vrai, ce qui signifie que la détection des liens externes est activée par défaut. Pour désactiver la restriction, modifiez simplement le code comme suit :

"condition": { "openWebviewCheck": false }

Enregistrez le fichier une fois la modification terminée.

3. Modifiez le code de la page

S'il y a des pages dans l'application qui doivent être ouvertes avec un navigateur externe, vous pouvez les modifier en suivant les étapes suivantes :

1. Ajoutez des boutons ou des balises et d'autres éléments pour sauter. dans le modèle ;

2. Ajoutez le code suivant dans le script :

export default {
  methods: {
    jumpExternalUrl() {
      uni.navigateTo({
        url: "/pages/webview/index?url=" + encodeURIComponent(
          "https://blog.csdn.net/xxxxxx")
      })
    },
  },
}

Parmi eux, l'url est le lien de saut et doit être encodée par encodeURIComponent.

En suivant les étapes ci-dessus, vous pouvez ouvrir la page Web du navigateur de liens externes dans l'application Uniapp.

En bref, pour désactiver le paramètre par défaut d'Uniapp consistant à restreindre les navigateurs de liens externes, vous devez ajouter le code correspondant aux fichiers manifest.json et uni-config.json ainsi qu'au code de la page. J'espère que cet article pourra aider les développeurs qui ont besoin d'utiliser les fonctions du noyau du navigateur.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!