Home > Web Front-end > uni-app > body text

How to turn off Uniapp's default restriction on external link browsers

PHPz
Release: 2023-04-20 09:39:57
Original
929 people have browsed it

With the rise of the mobile Internet, web applications have gradually become the first choice for users to experience products, and Uniapp, as a high-performance cross-platform development tool, has received widespread attention when implementing enterprise mobile application development. However, because developers need to consider issues such as application security, Uniapp prohibits external browsers by default, which will cause great problems for some applications that need to use the functions of the browser core (such as payment functions). Troubled. Therefore, this article will introduce how to turn off Uniapp’s default settings that restrict external link browsers.

1. Modify manifest.json

In Uniapp, manifest.json is the main file of the configuration file. By modifying the configuration content in this file, you can realize the opening restrictions of external link browsers. In the manifest.json file, you can find the following code:

"condition": {
      "appType": [
        "normal"
      ]
    }
Copy after login

Among them, appType defines the application type, and normal means that the link is only opened in the application. To turn off the restriction, you only need to add the following code after the code block:

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

Among them, launch_path defines the page path where the application is launched. Here, it is set to ".pg" to indicate the current page. extern defines the restrictions on external link access. The items in allow_external represent the protocols and addresses of allowed external link access, which can be modified according to actual needs.

The modified manifest.json should look like the following:

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

After the above modifications are completed, save the manifest.json.

2. Modify uni-config.json

Uniapp provides the uni-config.json file in the first-level directory, which can be used to set the global configuration of the application. It also provides modification options. How to chain access settings. The following code can be found in the file:

"condition": { "openWebviewCheck": true }
Copy after login

Among them, openWebviewCheck is true, which means that external link detection is enabled by default. To turn off the restriction, just modify the code to:

"condition": { "openWebviewCheck": false }
Copy after login

Save the file after the modification is completed.

3. Modify the page code

If there are pages in the application that need to be opened with an external browser, you can modify them through the following steps:

1. Add in the template Elements used for jumping such as buttons or a tags;

2. Add the following code in the script:

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

Among them, the url is the jump link and needs to be encoded by encodeURIComponent.

Through the above steps, you can open the external link browser web page in the Uniapp application.

In short, to turn off Uniapp’s default setting of restricting external link browsers, you need to add corresponding code to the manifest.json and uni-config.json files and the page code. I hope this article can help developers who need to use browser kernel functions.

The above is the detailed content of How to turn off Uniapp's default restriction on external link browsers. For more information, please follow other related articles on the PHP Chinese website!

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template