ブラウザを開いてUniAppのURLにジャンプする方法について説明します。

モバイル アプリケーション開発の分野では、アプリケーション内で外部ブラウザを開いて、指定された URL にジャンプする必要があることがよくあります。 UniApp を使用して開発を行う開発者は、多くの場合、同様のニーズに対処する必要があります。この記事では、UniAppでブラウザを開いてURLにジャンプする方法を紹介します。

1. ネイティブ プラグインを使用して URL にジャンプします

UniApp では、ネイティブ プラグインを使用して、ブラウザを開いて URL にジャンプする機能を実現できます。 UniApp フレームワークには、通話の発信、テキスト メッセージの送信、地理的位置の取得など、一般的に使用されるネイティブ プラグインの多くが組み込まれています。これらのプラグインの中には、ブラウザを開くためのプラグインもあります。

uni.navigateTo({ url: 'plugin://NativePlugin/webview?url=http://www.uniapp.com' }) を呼び出すことで、ブラウザを開くプラグインを使用できます。方法。このうち、urlパラメータはジャンプ先のURLアドレスを示します。たとえば、UniApp 公式 Web サイト (http://www.uniapp.com) のホームページにジャンプしたい場合は、次のコードを使用できます:

uni.navigateTo({ url: 'plugin ://NativePlugin /webview?url=http://www.uniapp.com' })

このメソッドを呼び出した後、アプリケーションで外部ブラウザを開いて、指定された URL アドレスにジャンプできます。

2. H5 ページを使用して URL を開く

ネイティブ プラグインの使用に加えて、H5 ページを使用して UniApp で URL を開くこともできます。 H5 ページを使用して URL を開く方法は、ネイティブ プラグインと似ています。uni.navigateTo({ url: '/pages/webview/webview?url=http://www.uniapp) を呼び出すだけです。 .com' }) それを実現する方法。

プロジェクトのページ ディレクトリに新しい Webview ページを作成し、 タグをクリックして URL を開きます。

WebView ページでは、パラメータを渡して開く必要がある URL アドレスを取得する必要があります。たとえば、data で url 変数を定義し、onLoad 関数を通じてパラメータによって渡された URL アドレスを取得します。

デフォルトのエクスポート {
データ () {

return {
  url: ''
}

},
onLoad (オプション) {

this.url = options.url

}
}

ここで、オプションはパラメータを渡すことによって取得されるパラメータです。

3. 外部リンクを使用する

上記の 2 つの方法に加えて、外部リンクを使用して URL を開くこともできます。この方法は、H5 ページを使用して URL を開くのと似ており、アプリケーションでタグを使用して URL アドレスをリンクするだけです。

アプリケーションの実行中に a タグを介して URL を開く場合、アプリケーションがインターセプトされたり無効になったりするのを防ぐために、関連する構成をアプリケーションの manifest.json ファイルに追加する必要があることに注意してください。システム。

次は、manifest.json ファイルに追加されたコード例です:

{
"app": {

"name": "UniApp",
"versionName": "1.0.0",
"versionCode": 1,
"description": "This is a demo application",
"minSdkVersion": "1050",
"custom": {
  "app-plus": {
    "launchWebviewPlus": {
      "url": {
        "patterns": [
          "http://www.uniapp.com",
          "https://www.uniapp.com"
        ],
        "schemes": [
          "http",
          "https"
        ]
      }
    }
  }
}

}
}

マニフェスト構成項目では、開く必要がある URL アドレスをパターン配列に追加し、URL プロトコルをスキーム配列に追加し、構成項目をカスタムの app-plus の下の launchWebviewPlus 属性に追加する必要があります。 。

4. まとめ

上記 3 つの方法により、UniApp アプリケーション内でブラウザを開いて URL にジャンプする機能を実現できます。 1 つ目は、ネイティブ プラグインを使用して実装でき、2 つ目は、H5 ページを通じて実装できます。最後に、外部リンクを使用してこれを実現することもできます。

上記の方法を使用する場合、最良の効果を達成するには、実際のニーズに応じて選択する必要があることに注意してください。同時に、アプリケーションがシステムによって傍受されたり無効にされたりするのを防ぎ、アプリケーションが正常に実行できるようにするための関連仕様にも従う必要があります。

以上がブラウザを開いてUniAppのURLにジャンプする方法について説明します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。