Real time notification using angularjs php mysql

Question

I would like to implement a real time notification like facebook on my website using angular, php and mysql. Is there any reference links or tutorials anyone can help me out with?

Also, is there any other tools by which I can implement the same on my website?

Answer 1

Try to use Socket.io, it will help you to implement notification , chat or any real time application.

Answer 2

You can use these things to make such functionalities.

1. PHP JSON Based API
2. PHP Socket Based JSON API
3. Socket IO based API

All these API can easily be parsed by AngularJS or jQuery

For PHP, How to make an API

<?php //Set header for Javascript to recognize it as the JSON output header('Content-Type:application/json;'); //I am using GET parameters, but POST can also be used and can make amazing APIs switch($_GET['action']){ case "addlike": //SQL Query passed to add a like as facebook //Set the output array to provide json Output, here's the example $output['status'] = 200; $output['message'] = 'Like Added'; break; case "addcomment": break; } echo json_encode($output); 

To use above code, the URL would be:

http://yourserve/youfile.php/?action=addlike 

And the Output would be

{ "status":200, "message":"Like Added" } 

How to use it in jQuery

/** For Example you have like button with class="btnlike" **/ $('.btnlike').on('click',function(){ $.get('http://yourserve/youfile.php',{action:'addlike'},function(data){ if(data['status'] == 200){ alert('You Liked the Post'); } }); }); 

How to use in AngularJS

app.controller('myCtrl',function($scope,$http){ $scope.message = ''; $scope.addlike = function(){ $http.get('http://yourserve/youfile.php',{action:"addlike"}).success(function(data){ if(data['status']==200){ $scope.messages = 'You liked the post'; } }); }; });