ホームページ > ウェブフロントエンド > uni-app > uniappでプラットフォームを決定する方法

uniappでプラットフォームを決定する方法

WBOY
リリース: 2023-05-22 12:49:37
オリジナル
4550 人が閲覧しました

uniapp では、Web、WeChat アプレット、Alipay アプレット、Baidu アプレット、Toutiao アプレット、QQ アプレットなど、現在実行中のプラットフォームを特定するいくつかの方法を使用できます。さまざまなプラットフォームから判断することで、ターゲットを絞った方法でさまざまな機能を開発し、アプリケーションのユーザー エクスペリエンスを向上させることができます。この記事では、uniappでプラットフォームを決定する方法を紹介します。

1. uni.getSystemInfoSync() メソッドを通じてプラットフォーム情報を取得する

Uniapp は、現在のデバイスのシステム情報を取得するための uni.getSystemInfoSync() メソッドを提供します。 platformフィールドを判断することで、現在動作しているプラ​​ットフォームを知ることができます。

サンプル コード:

if (uni.getSystemInfoSync().platform === 'devtools') {
    console.log('当前运行在开发者工具中');
}
if (uni.getSystemInfoSync().platform === 'android') {
    console.log('当前运行在Android平台中');
}
if (uni.getSystemInfoSync().platform === 'ios') {
    console.log('当前运行在iOS平台中');
}
if (uni.getSystemInfoSync().platform === 'h5') {
    console.log('当前运行在Web中');
}
ログイン後にコピー

2. uni.getEnv() メソッドを通じてプラットフォーム情報を確認します

uniapp1.9.0 以降では、uni を使用できます。 getEnv()現在の実行環境情報を取得します。戻り値のPLATFORMフィールドを判断することで、現在動作しているプラ​​ットフォームを知ることができます。戻り値には次が含まれます: mp-weixin (WeChat アプレット)、mp-alipay (Alipay アプレット)、mp-baidu (Baidu アプレット)、mp-toutiao (Toutiao ミニ プログラム)、mp-qq (QQ ミニ プログラム)、h5 (Web)、app-plus ( アプリ)など。

サンプルコード:

const platform = uni.getEnv().PLATFORM;
if (platform === 'mp-weixin') {
    console.log('当前运行在微信小程序中');
}
if (platform === 'mp-alipay') {
    console.log('当前运行在支付宝小程序中');
}
if (platform === 'mp-baidu') {
    console.log('当前运行在百度小程序中');
}
if (platform === 'mp-toutiao') {
    console.log('当前运行在头条小程序中');
}
if (platform === 'mp-qq') {
    console.log('当前运行在QQ小程序中');
}
if (platform === 'h5') {
    console.log('当前运行在Web中');
}
if (platform === 'app-plus') {
    console.log('当前运行在App中');
}
ログイン後にコピー

3. グローバル変数 __PLATFORM__

を通じてプラットフォーム情報を決定します。uniapp では、uni にあります。 .__GLOBAL__ オブジェクト内で __PLATFORM__ 変数を定義すると、この変数を通じて現在のプラットフォーム情報を直接取得できます。この方法は比較的簡単ですが、この変数は今後のバージョン更新で削除または変更される可能性があることに注意してください。

サンプルコード:

const platform = __PLATFORM__;
if (platform === 'mp-weixin') {
    console.log('当前运行在微信小程序中');
}
if (platform === 'mp-alipay') {
    console.log('当前运行在支付宝小程序中');
}
if (platform === 'mp-baidu') {
    console.log('当前运行在百度小程序中');
}
if (platform === 'mp-toutiao') {
    console.log('当前运行在头条小程序中');
}
if (platform === 'mp-qq') {
    console.log('当前运行在QQ小程序中');
}
if (platform === 'h5') {
    console.log('当前运行在Web中');
}
if (platform === 'app-plus') {
    console.log('当前运行在App中');
}
ログイン後にコピー

まとめると、上記の 3 つの方法で現在実行中のプラットフォームの情報を取得できるため、アプリケーション開発がより効率的かつ正確になります。

以上がuniappでプラットフォームを決定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート