Heim > Web-Frontend > uni-app > Hauptteil

So erhalten Sie die Push-Berechtigung in Uniapp

PHPz
Freigeben: 2023-05-22 09:21:37
Original
1575 Leute haben es durchsucht

Mit der Popularität mobiler Anwendungen sind Push-Dienste nach und nach zu einem wesentlichen Bestandteil der App-Entwicklung geworden. Push-Dienste können Benutzern zeitnahe Nachrichtenbenachrichtigungen und Erinnerungen bereitstellen und so den Anwendungen mehr Funktionen und Komfort verleihen. Unter anderem ist das Erhalten der Push-Berechtigung in Uniapp eine der Fähigkeiten, die während des Entwicklungsprozesses beherrscht werden müssen.

In uniapp können Sie die Push-Berechtigung durch die folgenden Schritte erhalten:

  1. relevante Konfigurationen in der manifest.json-Datei hinzufügen
# 🎜🎜#Zuerst müssen Sie in der Datei manifest.json des Uniapp-Projekts die folgende Konfiguration hinzufügen:

"manifest": {
    "app-plus": {
        "modules": {
            "push": {
                "provider": "yourProviderName"
            }
        }
    }
}
Nach dem Login kopieren

In dieser Konfiguration haben wir eine Datei mit dem Namen „push“-Submodul hinzugefügt und das angegeben Name des Anwendungsanbieters. Dieser Name kann beliebig sein. Achten Sie nur darauf, dass er nicht wiederholt wird.

    Push-Dienstanbieter erstellen
Als nächstes müssen wir einen Push-Dienstanbieter auf dem Backend-Server der Anwendung erstellen. Es wird empfohlen, Push-Dienstanbieter von Drittanbietern wie Huawei und Xiaomi zu verwenden, da das von ihnen bereitgestellte SDK die Push-Logik gekapselt hat und problemlos in die Anwendung integriert werden kann. Natürlich können Sie auch einen eigenen Push-Dienst nutzen, allerdings ist das mit einem höheren Aufwand verbunden.

    Push-Dienstanbieter-SDK importieren
Nachdem der Push-Dienstanbieter erstellt wurde, müssen wir sein SDK in unser Uniapp-Projekt importieren und rufen Sie die entsprechende API auf, um die Push-Berechtigung zu erhalten. Nehmen Sie Huawei Push als Beispiel:

(1) Fügen Sie die Konfiguration des Huawei Push-Anbieters in der Datei manifest.json hinzu.

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

In dieser Konfiguration verwenden wir den Huawei Push-Dienstanbieter und geben Sie dessen appId, apiKey und SecretKey an. Diese Parameter finden Sie im Huawei Developer Center.

(2) Huawei Push SDK in die Datei main.js importieren

In die Datei main.js müssen wir Huawei Push SDK importieren und initialisieren: #🎜🎜 #
import push from "@hadeeth/hms-push";
const APP_ID = "yourAppId";
push.initHuaweiPush({
    appId: APP_ID,
});
Nach dem Login kopieren

Unter diesen ist @hadeeth/hms-push das Uni-App-Plug-in-Paket, das dem Huawei Push SDK entspricht. Wir müssen es zuerst installieren. Während des Initialisierungsprozesses müssen wir nur die App-ID übergeben.

(3) Erhalten Sie Push-Berechtigungen und zugehörige Vorgänge.

Wenn die Anwendung gestartet wird, müssen wir den Benutzer auffordern, Push-Dienste zuzulassen. Sie können den folgenden Code verwenden, um Push-Berechtigungen zu erhalten:

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

Dadurch wird ein Dialogfeld angezeigt, in dem der Benutzer gefragt wird, ob Push-Dienste zugelassen werden sollen. Nachdem der Benutzer zustimmt, können wir das Gerät beim Huawei-Push-Dienstanbieter registrieren:

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

Auf diese Weise können wir den Push-Token des Geräts erhalten und ihn zum Senden von Push-Nachrichten verwenden.

Neben Huawei Push verfügen auch andere Push-Dienstanbieter über ähnliche APIs und Betriebsabläufe, die spezifischen Aufrufmethoden können jedoch unterschiedlich sein. Gleichzeitig müssen wir beachten, dass das Erhalten von Push-Berechtigungen und damit verbundene Vorgänge zum richtigen Zeitpunkt aufgerufen werden müssen, da es sonst zu seltsamen Fehlern kommen kann.

Zusammenfassung

Um Push-Berechtigungen in uniapp zu erhalten, müssen Sie die folgenden Schritte ausführen: Relevante Konfigurationen zur Datei manifest.json hinzufügen, einen Push-Dienstanbieter erstellen und importieren das SDK des Push-Dienstanbieters, erhalten Push-Berechtigungen und zugehörige Vorgänge. Es ist zu beachten, dass diese Vorgänge zum richtigen Zeitpunkt aufgerufen werden müssen, da sonst Fehler auftreten können. Durch die Beherrschung dieser Fähigkeiten können wir Push-Service-Funktionen problemlos in Uniapp implementieren.

Das obige ist der detaillierte Inhalt vonSo erhalten Sie die Push-Berechtigung in Uniapp. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage