Chers amis, j'ai récemment fait quelques recherches sur uniPush, et maintenant j'ai une certaine expérience, et maintenant je vais la partager avec vous, dans l'espoir de vous aider dans votre parcours Uniapp. Ce didacticiel a pour but de vous apprendre à utiliser uniPush pour personnaliser les notifications de messages. Il comprend également l'ajout de sons de notification de messages, alors laissez-moi partager mon expérience avec vous.
1. Tout d'abord, nous devons accéder au Centre de développement Dcloud pour configurer UniPush pour votre projet.
Portail du Centre de développement
La prochaine étape concerne les étapes de fonctionnement
1. Sélectionnez uniPush
2. Sélectionnez le message push
3. Sélectionnez l'élément que vous devez utiliser
Remplissez enfin les informations pertinentes
À ce moment-là, certains amis vous demanderont certainement comment avez-vous obtenu la signature de votre application ? Ne vous inquiétez pas, je vais vous apprendre comment l'obtenir.
1. Retrouvez la gestion des candidatures en haut de la barre latérale et sélectionnez ma candidature
2. Cliquez sur votre candidature
Cliquez ensuite sur le bouton Modifier
Ne dis pas de bêtises, clique dessus
cliquez dessus
Faites ensuite défiler vers le bas et vous trouverez ce que vous voulez, et remplissez-les tour à tour dans les positions correspondantes dans les informations de candidature.
Après être revenu au message push tout à l'heure, vous constaterez que toutes les informations manquantes sont là, puis activez uniPush.
2. Ensuite, nous devons activer l'autorisation d'uniPush
Après être entré dans le répertoire de notre projet, recherchez le fichier manifest.json et suivez les étapes ci-dessous pour activer l'autorisation uniPush. Ici vous pouvez choisir l'ancienne version 1.0 ou la nouvelle version 2.0. J'ai utilisé 1.0 et je n'ai jamais utilisé 2.0. Il est recommandé de suivre mon tutoriel et d'utiliser 1.0 comme moi, sinon vous ne pouvez pas garantir votre succès.
2. Personnalisez l'icône d'invite de message
Si vous ne souhaitez pas utiliser l'icône d'invite de message verte fournie avec uniapp, je vous suggère de suivre mes étapes pour trouver d'abord le dossier unpackage->res, puis de créer le dossier suivant comme moi sous res, puis de voir l'étape 4. de Le chemin de haut en bas est une image PNG avec un canal de transparence alpha dans une taille d'image de 18 x 18, 24 x 24, 36 x 36, 48 x 48 et 72 x 72. L'arrière-plan doit être transparent (s'il n'est pas transparent, il sera affiché sous forme de carré blanc).
3. Créez une invite de message locale pour ajouter un son d'invite
Nous voyons l'image suivante et j'ai une description textuelle
Le code est le suivant, je suis paresseux, copiez simplement le mien directement, vous pouvez le modifier vous-même
var options = {
cover: false,
sound: 'system',
title: this.newNotices[i].noticeTitle,
//
};
let str = ""
str = this.newNotices[i].noticeContent
let body = {
data: this.newNotices[i]
}
let payload = JSON.stringify(body);
const innerAudioContext = uni.createInnerAudioContext();
innerAudioContext.autoplay = true;
innerAudioContext.src =
'https://you.induschain.cn/audio/y913.mp3';
plus.push.createMessage(str, payload, options);
}4. Écoutez le clic de l'invite de message pour obtenir les données dans la charge utile
Je pense que certains amis, comme moi, auront peut-être besoin d'obtenir les données de la charge utile, puis d'accéder à la page de détails correspondante ou à d'autres pages en fonction des données, donc l'étape suivante consiste à le faire avec moi.
1. Recherchez le fichier App.vue
2. Utilisez le hook de cycle de vie onLaunch
3. Faites attention à la compilation conditionnelle
4. Cliquez et surveillez les informations d'invite
5. Obtenez les données dans la charge utile à partir de msg
6. Effectuez des opérations pertinentes en fonction de vos données
Le code est le suivant, merci de le modifier selon vos besoins
// #ifdef APP-PLUS
plus.push.addEventListener('click', function(msg) {
//
// 分析msg.payload处理业务逻辑
// let message = JSON.parse(msg)
let data = msg.payload.data
uni.navigateTo({
url: `/pages/notice-detail/notice-detail?noticeInfo=${encodeURIComponent(JSON.stringify(data))}`
})
// console.log("消息弹框被点击", msg.payload.data);
});
//#endifC'est la fin du tutoriel, et les amis qui ont des questions peuvent poser des questions dans la zone de commentaires !