外部リンクブラウザに対するUniappのデフォルト制限をオフにする方法

モバイル インターネットの台頭により、Web アプリケーションはユーザーが製品を体験するための最初の選択肢となり、エンタープライズ モバイル アプリケーション開発を実装する際に、高性能のクロスプラットフォーム開発ツールとして Uniapp が広く注目されるようになりました。しかし、開発者はアプリケーションのセキュリティなどを考慮する必要があるため、Uniappではデフォルトで外部ブラウザを禁止しており、ブラウザコアの機能（決済機能など）を使用する必要がある一部のアプリケーションでは大きな問題が発生するという問題があった。そこでこの記事では、外部リンクブラウザを制限するUniappのデフォルト設定をオフにする方法を紹介します。

1.manifest.json を変更する

Uniapp では、manifest.json が設定ファイルの本体ファイルとなっており、このファイルの設定内容を変更することで、外部ファイルの公開制限を実現できます。ブラウザをリンクします。 manifest.json ファイルには、次のコードがあります。

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

このうち、appType はアプリケーションの種類を定義し、通常はリンクがアプリケーション内でのみ開かれることを意味します。制限を解除するには、コードブロックの後に次のコードを追加するだけです:

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

このうち、launch_pathはアプリケーションを起動するページのパスを定義するもので、ここでは「.pg」に設定しています。現在のページを示します。 extern は外部リンク アクセスの制限を定義します。allow_external の項目は、許可される外部リンク アクセスのプロトコルとアドレスを表し、実際のニーズに応じて変更できます。

変更されたmanifest.jsonは次のようになります:

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

上記の変更が完了したら、manifest.jsonを保存します。

2. uni-config.json を変更する

Uniapp は、アプリケーションのグローバル構成を設定するために使用できる uni-config.json ファイルを第 1 レベルのディレクトリに提供します。アクセス設定をチェーンする方法についても説明します。ファイル内には次のコードがあります。

"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 アプリケーションで外部リンク ブラウザの Web ページを開くことができます。

つまり、外部リンク ブラウザを制限する Uniapp のデフォルト設定をオフにするには、対応するコードを manifest.json ファイルと uni-config.json ファイル、およびページ コードに追加する必要があります。この記事が、ブラウザーのカーネル関数を使用する必要がある開発者に役立つことを願っています。

以上が外部リンクブラウザに対するUniappのデフォルト制限をオフにする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。