ホームページ  >  記事  >  ウェブフロントエンド  >  uniapp はどのようにしてプッシュ許可を取得しますか?

uniapp はどのようにしてプッシュ許可を取得しますか?

PHPz
PHPzオリジナル
2023-05-22 09:21:371527ブラウズ

モバイル アプリケーションの人気に伴い、プッシュ サービスは徐々にアプリ開発に不可欠な部分になってきました。プッシュ サービスは、ユーザーにタイムリーなメッセージ通知とリマインダーを提供し、アプリケーションにさらに多くの機能と利便性を追加します。その中でも、uniappでのプッシュ権限の取得は、開発プロセスにおいて習得しなければならないスキルの1つです。

uniapp では、次の手順でプッシュ権限を取得できます。

  1. manifest.json ファイルに関連する設定を追加します。

まず、 uniapp プロジェクト manifest.json ファイルに、次の構成を追加する必要があります:

"manifest": {
    "app-plus": {
        "modules": {
            "push": {
                "provider": "yourProviderName"
            }
        }
    }
}

この構成では、「push」という名前のサブモジュールをアプリケーションの「app-plus」モジュールに追加し、 application プログラムプロバイダーの名前。この名前は任意の名前にすることができますが、重複しないように注意してください。

  1. プッシュ サービス プロバイダーの作成

次に、アプリケーションのバックエンド サーバー上にプッシュ サービス プロバイダーを作成する必要があります。 Huawei や Xiaomi などのサードパーティのプッシュ サービス プロバイダーを使用することをお勧めします。これは、サードパーティのプッシュ サービス プロバイダーが提供する SDK がプッシュ ロジックをカプセル化しており、アプリケーションに簡単に統合できるためです。もちろん、独自のプッシュ サービスを使用することもできますが、より多くの作業が必要になります。

  1. プッシュ サービス プロバイダー SDK のインポート

プッシュ サービス プロバイダーが作成されたら、その SDK を uniapp プロジェクトにインポートし、関連 API を呼び出してプッシュ権限を取得する必要があります。 。 Huawei Push を例に挙げます。

(1) Huawei Push Provider の構成をmanifest.json ファイルに追加します

"app-plus": {
    "modules": {
        "push": {
            "provider": "HuaweiPush",
            "multiProvider": true,
            "appId": "yourAppId",
            "apiKey": "yourApiKey",
            "secretKey": "yourSecretKey"
        }
    }
}

この構成では、Huawei Push Service Provider とその appId を使用します。 、apiKey、secretKeyを指定します。これらのパラメータは、Huawei Developer Center で見つけることができます。

(2) main.js ファイルに Huawei Push SDK をインポートします。

main.js ファイルに、Huawei Push SDK をインポートして初期化する必要があります:

import push from "@hadeeth/hms-push";
const APP_ID = "yourAppId";
push.initHuaweiPush({
    appId: APP_ID,
});

このうち @hadeeth/hms-push は Huawei プッシュ SDK に対応した Uni-app プラグインパッケージなので、最初にインストールする必要があります。初期化プロセス中に必要なのは、appId を渡すことだけです。

(3) プッシュ権限と関連操作の取得

アプリケーションの起動時に、ユーザーにプッシュ サービスの許可を要求する必要があります。次のコードを使用して、プッシュ許可を取得できます。

push.requestPermission().then(result => {
    console.log("permission result:" + result);
});

これにより、プッシュ サービスを許可するかどうかを尋ねるダイアログ ボックスがユーザーにポップアップ表示されます。ユーザーが同意した後、デバイスを Huawei プッシュ サービス プロバイダーに登録できます:

push.getToken(result => {
    console.log("token result:" + result);
}, err => {
    console.log("get token error:" + err);
});

この方法で、デバイスのプッシュ トークンを取得し、それを使用してプッシュ メッセージを送信できます。

Huawei Push に加えて、他のプッシュ サービス プロバイダーにも同様の API と操作手順がありますが、具体的な呼び出し方法は異なる場合があります。同時に、プッシュ権限の取得と関連する操作を適切なタイミングで呼び出す必要があることに注意する必要があります。そうしないと、奇妙なエラーが発生する可能性があります。

概要

uniapp でプッシュ権限を取得するには、次の手順を完了する必要があります。関連する構成を manifest.json ファイルに追加し、プッシュ サービス プロバイダーを作成し、プッシュ サービス プロバイダーの SDK をインポートします。 、プッシュ権限と関連操作を取得します。これらの操作は適切なタイミングで呼び出す必要があることに注意してください。そうしないと、何らかのエラーが発生する可能性があります。これらのスキルを習得すれば、uniappにプッシュサービス機能を簡単に実装できるようになります。

以上がuniapp はどのようにしてプッシュ許可を取得しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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