외부 링크 브라우저에서 Uniapp의 기본 제한을 끄는 방법

모바일 인터넷의 부상과 함께 웹 애플리케이션은 점차 사용자가 제품을 경험하는 첫 번째 선택이 되었으며, 고성능 크로스 플랫폼 개발 도구인 유니앱은 기업용 모바일 애플리케이션 개발을 구현할 때 폭넓은 주목을 받았습니다. 그러나 개발자는 애플리케이션 보안 및 기타 문제를 고려해야 하기 때문에 Uniapp에서는 기본적으로 외부 브라우저를 금지하고 있으며, 이는 브라우저 코어의 기능(예: 결제 기능)을 사용해야 하는 일부 애플리케이션에 큰 문제를 일으킬 수 있습니다. 따라서 이번 글에서는 외부 링크 브라우저를 제한하는 유니앱의 기본 설정을 해제하는 방법을 소개하겠습니다.

1. Manifest.json 수정

Uniapp에서는 설정 파일의 메인 파일인 Manifest.json을 수정하여 외부 링크 브라우저에 대한 열기 제한을 구현할 수 있습니다. 매니페스트.json 파일에는 다음과 같은 코드가 있습니다.

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

그 중 appType은 애플리케이션의 종류를 정의하며, Normal은 해당 애플리케이션에서만 링크가 열린다는 의미입니다. 제한을 해제하려면 코드 블록 뒤에 다음 코드를 추가하면 됩니다.

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

그중 launch_path는 애플리케이션이 실행되는 페이지의 경로를 정의하며 여기서는 현재 페이지를 나타내기 위해 ".pg"로 설정됩니다. . extern은 외부 링크 액세스에 대한 제한을 정의합니다. Allow_external의 항목은 허용된 외부 링크 액세스의 프로토콜과 주소를 나타내며 실제 필요에 따라 수정될 수 있습니다.

수정된 매니페스트.json은 다음과 같아야 합니다.

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

위 수정이 완료된 후 매니페스트.json을 저장합니다.

2. uni-config.json 수정

Uniapp은 애플리케이션의 전역 구성을 설정하는 데 사용할 수 있는 uni-config.json 파일을 제공합니다. 또한 외부 링크를 수정하는 방법도 제공합니다. 액세스 설정. 파일에서 다음 코드를 찾을 수 있습니다.

"condition": { "openWebviewCheck": true }

그 중 openWebviewCheck가 true인데, 이는 기본적으로 외부 링크 감지가 켜져 있음을 의미합니다. 제한을 해제하려면 코드를 다음과 같이 수정하세요.

"condition": { "openWebviewCheck": false }

수정이 완료된 후 파일을 저장하세요.

3. 페이지 코드 수정

외부 브라우저로 열어야 하는 페이지가 있는 경우 다음 단계를 통해 수정할 수 있습니다.

1. 버튼이나 태그 및 기타 요소를 추가하세요.

2. 스크립트에 다음 코드를 추가하세요.

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

그 중 URL은 점프 링크이며 encodeURIComponent로 인코딩되어야 합니다.

위 단계에 따라 Uniapp 애플리케이션에서 외부 브라우저 웹페이지를 열 수 있습니다.

즉, 외부 링크 브라우저를 제한하는 Uniapp의 기본 설정을 끄려면 매니페스트.json 및 uni-config.json 파일과 페이지 코드에 해당 코드를 추가해야 합니다. 이 기사가 브라우저 커널 기능을 사용해야 하는 개발자에게 도움이 되기를 바랍니다.

위 내용은 외부 링크 브라우저에서 Uniapp의 기본 제한을 끄는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!