Necesito agregar la función de notificación en mi sitio web como la de Facebook usando PHP y MySQL. ¿Cómo debo comenzar?

Por lo que hice, no solo harás PHP y MySQL. También harás javascript, mucho. Hay una extensión o biblioteca que utilicé antes para mi notificación emergente, es Notify.js. También puede usar BootstrapGrowl.js pero no es realmente importante.

La lógica es que, después de crear una determinada interfaz de usuario, tendrá que crear un archivo PHP que verifique la base de datos cada vez que haya una inserción en la base de datos. Para hacer esto en tiempo real, hay una función en Javascript como window.setInterval () en la que puede llamar a otra función o crear un código dentro para realizar la tarea por el tiempo que desee (es decir, cada 10 segundos). Tenga en cuenta que el código dentro de la función setInterval debe alcanzar el archivo PHP que creó anteriormente para verificar la base de datos. Entonces para mí se vería así:

window.setInterval (function () {
checkDB ();
}, 1000);

En la función checkDB (), utilicé otra función javascript / jquery llamada get () que se comunica con el archivo PHP que se ha escrito anteriormente. Dentro de get () puede manipular cualquier cosa que desee hacer, como si la base de datos tiene una nueva inserción, ábrala usando la biblioteca Notify.js que he compartido anteriormente.

Tenga en cuenta que Notify.js responde lo que quiere, que es lo que dijo hace un tiempo que cuando hace clic en la ventana emergente, en realidad desaparece.

¡Así que sí! Esos son los pasos. Espero haberte ayudado. 🙂

Las notificaciones automáticas permiten a sus usuarios optar por recibir actualizaciones oportunas de los sitios que les encantan y le permiten volver a involucrarlos de manera efectiva con contenido personalizado y atractivo.
Existen algunas prácticas recomendadas que puede seguir para todas las notificaciones push , ya sea para iOS o Android. Puedes seguir
Notificaciones Push en la Web
Línea rápida sobre IZOOTO: IZOOTO proporciona a los sitios web la capacidad de enviar notificaciones automáticas directamente desde sus sitios web. Funciona tanto en computadoras de escritorio como en dispositivos móviles.
Para su caso, creo que este sitio lo ayudará a resolver todas sus canteras. Dado que proporcionan API prefabricada, también ahorra tiempo y es eficiente.
Notificaciones Push en la Web

Puede crear 2 tablas. Vamos a llamarlas notificaciones y notificaciones_resumen.

La tabla de notificaciones puede almacenar todas las notificaciones con su contenido apropiado. La tabla notificaciones_resumen puede almacenar el recuento de notificaciones no leídas por usuario … Este recuento se puede usar para mostrar los nuevos recuentos de notificaciones … Y cuando el usuario hace clic en el recuento, puede consulta la tabla de notificaciones y muestra el contenido “real”.

Si el número de usuarios en su sitio es alto; incluso puede pensar en fragmentar estas tablas en función de la identificación de usuario.

Considere si desea recibir una notificación cuando reciba un mensaje

1.Cree un div que se actualice cada 10 segundos con ajax.

2.Inserte algunos valores en db mientras envía un mensaje desde el remitente.

3. Busque ese valor en el div refrescante en el lado del receptor.

4.Muestre el recuento de notificaciones en div en función de cuántos mensajes nuevos recibió.

5. Retire el valor de la base de datos mientras el usuario hace clic en la notificación.

Feliz codificación 🙂

Básicamente necesita tener algún tipo de servicio de notificación push. Cualquiera de los dos puede construir un Ajax simple, que verifica las notificaciones y luego lo muestra en la pantalla. Como Bryan lo mencionó, podemos usar notify.js que muestra la ventana emergente de notificación en la aplicación.

No tengo idea sobre PHP o MySQL. Sin embargo, creo que puede obtener datos de una base de datos usando Ajax y JavaScript. Además, si está buscando una ventana de notificaciones similares a Facebook (ventana emergente), puede consultar esta publicación aquí Crear una ventana de notificaciones similar a Facebook.

Para empezar, tiene un diseño simple que representa el estilo de notificación usando CSS y JQuery. Puede extraer y agregar datos dinámicos utilizando el script.

Puedes hacerlo de muchas maneras. Lo más simple es esto.

Tabla de notificaciones

• carné de identidad
• ID_usuario
• notificación (cadena)
• leer (booleano)

Primero muestre todas las notificaciones que no se leen. Puede poner la llamada Ajax para cada notificación para alternar como leído o hacer que todos se lean a la vez.

El tipo y el tipo de notificaciones cambian la estructura de la base de datos.

Para Learning MYSQL, puede inscribirse en nuestro sitio web, es decir, http: //www.tecwallet.com. Actualmente estamos lanzando un nuevo entrenamiento MySQL Hackathon – con premios y certificados en efectivo en nuestro sitio web. En esta capacitación, puede aprender MYSQL y también le daremos un enlace de prueba a través del cual puede ganar premios en efectivo. Por favor regístrese para aprender cosas nuevas.

este es el formulario para agregar notificaciones

$ conn = new mysqli (“localhost”, “root”, “”, “blog_samples”);
$ cuenta = 0;
if (! empty ($ _ POST [‘add’])) {
$ subject = mysqli_real_escape_string ($ conn, $ _ POST [“subject”]);
$ comentario = mysqli_real_escape_string ($ conn, $ _ POST [“comentario”]);
$ sql = “INSERTAR EN los comentarios (asunto, comentario) VALORES (‘”. $ asunto. “‘, ‘”. $ comentario. “‘)”;
mysqli_query ($ conn, $ sql);
}
$ sql2 = “SELECCIONAR * DE comentarios DONDE estado = 0”;
$ resultado = mysqli_query ($ conn, $ sql2);
$ cuenta = mysqli_num_rows ($ resultado);
?>

mostrar notificación usando jquery

$ (documento) .ready (función () {
$ ('cuerpo'). clic (función (e) {
if (e.target.id! = 'icono de notificación') {
$ ("# notificación-más reciente"). hide ();
}
});
});

Utilice la API de notificación HTML 5, resolverá su problema. Es fácil de usar. Uso de la API de notificaciones: HTML5 Rocks Uno de los tutoriales más fáciles

Hay dos lados en su pregunta, arriba y abajo.

Arriba, se trata de actualizar de “backend” a “frontend”, luego debe encontrar una manera de “empujar” de atrás hacia adelante (por ejemplo, socket.io)

Abajo, en realidad una respuesta en el navegador cuando el usuario hace algo en su navegador, sucede algo de magia. De esta manera, quizás necesite usar javascript para realizar una acción asincrónica.

Construir una tabla de “notificación”. Complete esta tabla con las notificaciones y, si el usuario está en su sitio, puede consultar la tabla para las notificaciones de este usuario. Si el usuario vio la notificación, puede eliminarla de la tabla

Necesita usar una cola de mensajes.