Queridos amigos, recientemente investigué un poco sobre uniPush y ahora tengo algo de experiencia, y ahora la compartiré con ustedes, con la esperanza de ayudarlos en su viaje con uniapp. Este tutorial es para enseñarte cómo usar uniPush para personalizar las notificaciones de mensajes, y también viene con la adición de sonidos de notificación de mensajes, así que déjame compartir mi experiencia contigo.
1. Primero, debemos ir al Centro de desarrolladores de Dcloud para configurar uniPush para su proyecto.
Portal del Centro de desarrolladores
El siguiente paso son los pasos de operación.
1. Seleccione uniPush
2. Seleccionar mensaje push
3. Seleccione el elemento que necesita utilizar
Finalmente complete la información relevante.
En este momento, algunos amigos definitivamente te preguntarán, ¿cómo obtuviste la firma de tu aplicación? No te preocupes, te enseñaré cómo obtenerla.
1. Busque la administración de aplicaciones en la parte superior de la barra lateral y seleccione mi aplicación
2. Haga clic en su solicitud
Luego haga clic en el botón editar
No digas tonterías, haz clic en él.
Pinchalo
Luego, desplácese hacia abajo y encontrará lo que desea y complételos en las posiciones correspondientes en la información de la solicitud.
Después de regresar al mensaje enviado hace un momento, encontrará que toda la información que falta está allí y luego activará uniPush.
2. A continuación, debemos habilitar el permiso de uniPush.
Después de ingresar al directorio de nuestro proyecto, busque el archivo manifest.json y siga los pasos a continuación para habilitar el permiso uniPush. Aquí puedes elegir la versión antigua 1.0 o la nueva versión 2.0. Yo usé la 1.0 y nunca he usado la 2.0. Se recomienda seguir mi tutorial y usar la 1.0 como yo, de lo contrario no puedes garantizar el éxito.
2. Personaliza el icono del mensaje
Si no desea utilizar el ícono de mensaje verde que viene con uniapp, le sugiero que siga mis pasos para buscar la carpeta desempaquetar->res primero y luego cree la siguiente carpeta como yo en res, y luego vea el paso 4. desde La ruta de arriba a abajo es una imagen PNG con un canal de transparencia alfa en el tamaño de imagen de 18 x 18, 24 x 24, 36 x 36, 48 x 48 y 72 x 72. El fondo debe ser transparente (si no es transparente, se mostrará como un cuadrado blanco).
3. Cree un mensaje de mensaje local para agregar un sonido de mensaje.
Vemos la siguiente imagen y tengo una descripción de texto.
El código es el siguiente, soy vago, solo copia el mío directamente, puedes modificarlo tú mismo
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. Escuche el clic del mensaje para obtener los datos en la carga útil.
Creo que algunos amigos, como yo, pueden necesitar obtener los datos de la carga útil y luego saltar a la página de detalles correspondiente u otras páginas de acuerdo con los datos, por lo que el siguiente paso es hacerlo conmigo.
1. Busque el archivo App.vue
2. Utilice el gancho del ciclo de vida onLaunch
3. Preste atención a la compilación condicional.
4. Haga clic y supervise la información solicitada.
5. Obtenga los datos en la carga útil del mensaje.
6. Realice operaciones relevantes basadas en sus datos
El código es el siguiente, modifíquelo según sus necesidades.
// #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);
});
//#endif¡Este es el final del tutorial y los amigos que tengan preguntas pueden hacerlas en el área de comentarios!