H5を介してローカルアプリを呼び出す方法の詳細な説明-H5 チュートリアル-php.cn

ホームページ

ウェブフロントエンド

H5 チュートリアル

H5を介してローカルアプリを呼び出す方法の詳細な説明

小云云

Dec 13, 2017 am 10:28 AM

html5地元

H5 はどのように携帯電話でローカルアプリを開いたり呼び出したりするのですか? Baidu と Google での回答を見ると 2 種類しかありません: この記事では主に H5 (ブラウザー) を通じてローカルアプリを呼び出す方法に関する関連情報を紹介します。 /WebView/others) 編集者はこれが非常に優れていると考えているので、皆さんの参考になれば幸いです。

最初の方法:

HTML の a タグ内の href で Android 側のスキーマを直接設定します。もちろん、他のホスト設定がある場合は、それに従うだけです。次のように:

Android 側の設定:

    <activity android:name = ".MainActivity">
        <intent-filter>
            <action android:name = "android.intent.action.MAIN" />
            <category android:name = "android.intent.category.LAUNCHER" />
        </intent-filter>
        <intent-filter>
            <action android:name="android.intent.action.VIEW"/>
            <category android:name="android.intent.category.DEFAULT"/>
            <category android:name="android.intent.category.BROWSABLE"/>
            <data            android:host="jingewenku.com"
                             android:scheme="abraham"/>
        </intent-filter>
    </activity>

注: これが起動ページで設定されている場合は、ラベルと並べて配置する必要があります。そうしないと、実行後にモバイルアプリのアイコンが表示されません。例外!

<html>
       <head>
       <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
                      <title>Insert title here</title>
       </head> 
        <body> 
            <a href="abraham://jingewenku.com/?pid=1">打开app</a><br/>
        </body>
</html>

スキーマスプライシングプロトコルの形式を見てみましょう。各プロジェクトの意味は次のとおりです:

スキーム: 開始されたアプリを決定します。 ※詳しくは後述

host: 適当な記述

path: 値を渡す際に必要なキー ※なくても大丈夫

query: 値のKeyとValueを取得 ※なくても大丈夫もちろん、これはアプリが存在する場合に限ります。それ以外の場合は応答がありません。

Android で設定されているスキーマプロトコルは上記の HTML コードで設定されているのではないかと疑問に思われるかもしれません。明らかに pid を設定していないのに、なぜこれを書く必要があるのでしょうか?これは、ローカルアプリを呼び出すときに、いくつかのパラメーターをアプリに渡す場合があるためです。これらのパラメーターは、oncreate で取得するだけで済みます。 Android で設定されたスキーマプロトコルを取得したい場合は、次のようにすることもできます:

< a href="[scheme]://[host]/[path]?[query]">启动应用程序< /a>

スキーマが有効かどうかを判断する方法:

Intent intent = getIntent();
    Uri uri = intent.getData();
    if (uri != null) {
        String pid = uri.getQueryParameter("pid");
    }

この方法は、Android で最も人気のある方法でもあります。 Baidu しかし、これは問題を引き起こします。上記の要件は、「ページにリンクがあります。ユーザーが APP をインストールしている場合は、クリックして対応する APP を開きます。ユーザーがインストールしていない場合は、クリックして対応する APP を開きます」と述べています。設定接続。」これは明らかに要件を満たしておらず、一部の個別の要件としてのみ使用できます。

2 番目の方法:

href でスキーマプロトコルを構成することはできないため、JS コードを通じてのみ実現できます。この方法でのみ、アプリが利用可能なときに判断に従って開き、利用可能なときにジャンプできます。ダウンロードリンクにアクセスしてダウンロードしてください。

js は特定のアプリが携帯電話にインストールされているかどうかを判断できないことを知っているため、曲線を通じてのみ国を保存できます。アプリが長時間呼び出されない場合は、デフォルトの時間が取得されます。アプリがインストールされていない場合は、ダウンロードページに移動します。もちろん、これは私が考えたものではなく、インターネット上のみんなのアイデアです。ここで、それを 2 つの状況に分類する必要があります。

1. 直接ウェイクアップ

手順: たとえば、URL にアクセスし、ボタンをクリックしてアプリケーションを開き、アプリケーション APP がインストールされていない場合は、そのアプリケーションに直接ジャンプします。 App Store の APP ダウンロードページをクリックすると、この方法は互換性が高く、アプリがインストールされている場合は、主要なモバイルブラウザー (360 ブラウザー、uc ブラウザー、Sogou ブラウザー、QQ ブラウザー、Baidu ブラウザー) および QQ クライアントで起動できます。 WeChat、Sina Weibo クライアント、Tencent Weibo クライアントは起動できません。

コードは次のとおりです:

Uri uri = getIntent().getData();
if(uri != null) {
 // 完整的url信息
 String url = uri.toString();
 Log.e(TAG, "url: "  + uri);
 // scheme部分
 String scheme = uri.getScheme();
 Log.e(TAG, "scheme: "  + scheme);
 // host部分
 String host = uri.getHost();
 Log.e(TAG, "host: "  + host);
 //port部分
 int port = uri.getPort();
 Log.e(TAG, "host: "  + port);
 // 访问路劲
 String path = uri.getPath();
 Log.e(TAG, "path: "  + path);
 List<String> pathSegments = uri.getPathSegments();
 // Query部分
 String query = uri.getQuery();
 Log.e(TAG, "query: "  + query);
 //获取指定参数值
 String goodsId = uri.getQueryParameter("goodsId");
 Log.e(TAG, "goodsId: "  + goodsId);
}

2. クリックして起動します

手順: URL にアクセスすると、アプリケーションを直接起動できます。 APP がインストールされていない場合は、App Store の APP ダウンロードページに直接ジャンプします。互換性は平均的です。すべての主要な携帯電話ブラウザ (360 ブラウザ、uc ブラウザ、Sogou ブラウザ、QQ ブラウザ、Baidu ブラウザ) で起動できます。 WeChat、QQ クライアント、Sina Weibo クライアント、Tencent Weibo クライアントは起動できません。

コードは次のとおりです:

PackageManager packageManager = getPackageManager();
Intent intent = newIntent(Intent.ACTION_VIEW, Uri.parse("abraham://jingewenku.com:8888/goodsDetail?goodsId=10011002"));
List<ResolveInfo> activities = packageManager.queryIntentActivities(intent, 0);
booleanisValid = !activities.isEmpty();
if(isValid) {
 startActivity(intent);
}

これで私たちのニーズは完了しました。その過程で、最初は私のニーズを理解できず、考えていた人々もここに記録します。 Android 側で実装されています。パッケージ名を通じてアプリがインストールされているかどうかを確認します。コードは次のとおりです。

その他のメソッドについては、私のツールクラスを確認してください。

その他、アプリにWebViewをロードしてローカルアプリを起動したいと考えました。コードは次のとおりです。

また、WeChat でローカルアプリを呼び出す場合、携帯電話の WeChat は WeChat の組み込みブラウザを使用することにも注意してください (サーバー上で以前に取得したページのアドレスを連絡先に送信できます。[送信] をクリックします) Web ページを開くためのメッセージ) その単純な HTML ページを開きます。注: Schema://host/datastring を直接開くことはできません。WeChat はこの文字列を URL に解析しません。 WeChatを使用するためのページが開きます。入力すると、先ほどデザインしたページが表示されます。現時点では、「アプリケーションの開始」を直接クリックしても、以前にインストールしたアプリは起動しません。WeChat がブロックしているため、右上隅のメニューから「ブラウザで開く」を選択する必要があります。このとき、一部のブラウザは起動できますが、一部のブラウザは起動できません。たとえば、作者のテストマシン MX4 の内蔵ブラウザが動作しない場合、UC Browser が起動する可能性があります。いくつかのブラウザは起動できません。私は多くの情報を調べましたが、完全に解決することはできません。今考えられるのは、問題が発生したブラウザをフロントエンドに判断させることです。サポートされていないので、どのブラウザを使用する必要がありますか。解決策を知っている読者の方がいらっしゃいましたら、メッセージを残してください。ありがとうございます。

追記:

WeChat でアプリを起動できず、「ブラウザで開く」必要があるのはなぜですか?

WeChat はすべての共有接続にスキームシールドを実装しているため、つまり、共有接続内のスキームへのすべての呼び出しが WeChat によってブロックされています。

では、なぜ Dianping や Didi Taxi などの一部のアプリが刺激的なのでしょうか?

非技術的な観点から見ると、Dianping と Didi Taxi は両方とも WeChat の名付け子であり、実子です。彼は息子に対して特別な配慮を持っています。

技術的な観点から見ると、WeChat にはホワイトリストがあり、ホワイトリスト内の共有接続に対してスキーム呼び出しはブロックされません。

理解できない？例を挙げてみましょう。

たとえば、Dianping の共有リンクは http://dazhongdianping.share.1.com です

WeChat ホワイトリストに対応して、このリンクから発信されるすべての共有スキームはブロックされません。

http://dazhongdianping.share.2.comなど
http://dazhongdianping.share.3.com

Dianpingの子会社でもhttp://zigongsi.dazhongdianping.com、ルートドメイン名もホワイトリストに含まれているため、使用することもできます。

現時点では、共有リンクを Dianping のルートドメイン名にリンクできない限り、Dianping のスキームを借用してこの問題を回避することは不可能であることを誰もが理解する必要があります。

さらに、WeChat は APK のダウンロードなどのあらゆるアプリケーションをブロックするため、ダウンロードリンクを提供したい場合は、息子であるかどうかに関係なく、逃れることはできません。ブラウザの使用

付録: 共通アプリケーション URL スキーム

1、システムデフォルトアプリケーション

sms://メールmailto://iBooksibooks://App Storeitms-apps://itunes.apple.com 音楽music://動画videos://

2. 一般的に使用されるサードパーティソフトウェア

名前	URL スキーム	バンドル識別子
Safari	html

名前	URL スキーム	バンドル識別子
QQ	mqq://
WeChat	微信: //
テンセント微博	テンセント微博://
タオバオ	タオバオ://
Alipay	alipay://
Weibo	sinaweibo://
weico微博	weico://
QQブラウザ	mqqbrowser://	com.tencent.mttlite
UCブラウザ	ドルフィン://	com.dolphin.browser.iphone.chinese
ブラウザを開く	ohttp://	com.oupeng.mini
Sogouブラウザ	SogouMSE://	com.sogou .SogouExplorerMobile
Baidu Map	baidumap://	com.baidu.map
Chrome	googlechrome://
Youku	youku://
JD	openapp.jdmoble://
人人	renren://
Meituan	imeituan://
1 ハオディアン	wccbyihaodian:/ /
チェックしてます	wcc://
Youdao Dictionary	yddictproapp://
Zhihu	zhihu: //
レビュー	dianping://
microdisk	sinavdisk://
doubanfm	doubanradi o://
NetEase public Le sson	ntesopen://
名刺の万能王	camcard://
QQ Music	qqmusic://
TEN ニュースビデオ	tenvideo://
Douban Movie	doubanmovie://
NetEase Cloud Music	orpheus://
NetEase News	newsapp://
NetEase アプリケーション	apper:/ /
NetEase Lottery	ntescaipiao://
Youdao Cloud Notes	youdaonote://
もっと見る	duokan-reader ://
全国大気質指数	dirtybeijing://
Baidu Music	baidumusic://
キッチンへ	x cfapp://

H5 でマルチスレッドを使用して Web ワーカーを実装する方法

H5 がデスクトップ通知とプロンプト機能を実装する方法の例

H5 でカスタムプロパティを取得および設定する方法

以上がH5を介してローカルアプリを呼び出す方法の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

H5は何を参照していますか？コンテキストの探索Apr 12, 2025 am 12:03 AM

H5ReferStoHtml5、apivotaltechnologyinwebdevelopment.1）html5introduceSnewelementsandapisforrich、dynamicwebapplications.2）Itupp ortsmultimediawithoutplugins、endancingurexperiencecrossdevices.3）semanticelementsimprovecontentstructurendseo.4）H5'srespo

H5：ツール、フレームワーク、およびベストプラクティスApr 11, 2025 am 12:11 AM

H5開発で習得する必要があるツールとフレームワークには、Vue.JS、React、Webpackが含まれます。 1.Vue.jsは、ユーザーインターフェイスの構築に適しており、コンポーネント開発をサポートします。 2.複雑なアプリケーションに適した仮想DOMを介したページレンダリングを最適化します。 3.Webpackは、モジュールのパッケージングに使用され、リソースの読み込みを最適化します。

HTML5の遺産：現在のH5の理解Apr 10, 2025 am 09:28 AM

html5hassificlytransformdedwebdeveverment byintroducingsingingelements、endincemultimediasupport、およびrequrovingperformance.1）itmadewebsitesmoreaccessibleandseo-frendlywithsemantelementslike、and.2）

H5コード：アクセシビリティとセマンティックHTMLApr 09, 2025 am 12:05 AM

H5は、セマンティック要素とARIA属性を介して、WebページのアクセシビリティとSEO効果を改善します。 1.使用などを使用して、コンテンツ構造を整理し、SEOを改善します。 2。ARIA-LabelなどのARIA属性はアクセシビリティを強化し、支援技術ユーザーはWebページをスムーズに使用できます。

H5はHTML5と同じですか？Apr 08, 2025 am 12:16 AM

「H5」と「HTML5」はほとんどの場合同じですが、特定の特定のシナリオでは異なる意味を持つ可能性があります。 1。「HTML5」は、新しいタグとAPIを含むW3C定義標準です。 2。 "H5"は通常、HTML5の略語ですが、モバイル開発では、HTML5に基づくフレームワークを参照する場合があります。これらの違いを理解することは、プロジェクトでこれらの用語を正確に使用するのに役立ちます。

H5の機能は何ですか？Apr 07, 2025 am 12:10 AM

H5、またはHTML5は、HTMLの5番目のバージョンです。開発者により強力なツールセットを提供し、複雑なWebアプリケーションを簡単に作成できるようにします。 H5のコア関数には、次のものが含まれます。1）Webページにグラフィックとアニメーションを描画できる要素。 2）Webページ構造をSEOの最適化を明確かつ助長させるなどのセマンティックタグなど。 3）Geolocationapiなどの新しいAPIは、ロケーションベースのサービスをサポートします。 4）互換性テストとポリフィルライブラリを通じて、クロスブラウザーの互換性を確保する必要があります。

H5リンクの実行方法Apr 06, 2025 pm 12:39 PM

H5リンクを作成する方法は？リンクターゲットを決定します。H5ページまたはアプリケーションのURLを取得します。 HTMLアンカーの作成：＆lt; a＆gt;を使用しますアンカーを作成し、リンクターゲットURLを指定するタグ。リンクプロパティの設定（オプション）：必要に応じて、ターゲット、タイトル、およびオンクリックプロパティを設定します。 Webページに追加：リンクを表示するWebページにHTMLアンカーコードを追加します。

H5互換性の問題を解決する方法Apr 06, 2025 pm 12:36 PM

H5互換性の問題のソリューションには、次のものが含まれます。Webページが画面サイズに応じてレイアウトを調整できるレスポンシブデザインを使用します。クロスブラウザーテストツールを使用して、リリース前に互換性をテストします。 PolyFillを使用して、古いブラウザの新しいAPIのサポートを提供します。 Web標準に従って、効果的なコードとベストプラクティスを使用します。 CSSプリプロセッサを使用して、CSSコードを簡素化し、可読性を向上させます。画像を最適化し、Webページのサイズを削減し、ロードをスピードアップします。 HTTPSがWebサイトのセキュリティを確保できるようにします。

See all articles