PHP Server Monitor

PHP Server Monitor

System Online Status Checker

The Server Monitoring Widget

The following section will show you how to integrate the provided single server monitoring directive into your own projects.
If you don't know what a directive is, you just need to know that it is a sort of a HTML tag or attribute that has the ability to change the DOM.

For the simplicity of the learning process, all the samples will use a simple HTML page layout.
Also, you need a basic understanding of HTML and JavaScript. If you are not familiar with HTML or JavaScript, you can find plenty of documentation over the internet.

The following file structure is assumed to exists on the server as this is the default structure that the package comes with.

tut-file-structure.png
The assumed server file structure

The file we are editing is /sample/index.html

Note:
All the samples presented in these tutorials are available under the same /sample/ directory of the downloaded package.

This widget is designed as a stand alone component to be used inside other applications. There are just a few attributes needed to customize the single server monitoring widget:

  • server: An optional object having as fields the host, port and the name presented below.
    Default value: null
  • host: Server host address. If specified, will override the value given in server.host
    This attribute is mandatory.
  • port: Server port. If specified, will override the value given in server.port
    Default value: "80"
  • name: Server name. If you want, you can give a nice, friendly name to the server; if no name is specified, it will be derived from host and port attributes. If specified, will override the value given in server.name
    Default value: ""
  • refresh-interval: Auto refresh time expressed in seconds. Zero means no auto refresh.
    Default value: "0"

The following code shows how to integrate the widget directive:

<html>
    <head>
        <link rel="stylesheet" href="../bins/lib/bootstrap/css/bootstrap.min.css"/>
        <script type="text/javascript" src="../bins/lib/angular/angular.min.js"></script>
        <script type="text/javascript" src="../bins/lib/angular/angular-animate.min.js"></script>
        <script type="text/javascript" src="../bins/js/widget/wl-ng-sm-widget.js"></script>
        <link rel="stylesheet" href="../bins/assets/wl-ng-sm.css"/>
    </head>
    <body class="container" ng-app="wl-ng-sm-widget">
        <div wl-ng-sm-widget host="google.com" port="80" name="Google Web Server" refresh-interval="11"></div>
    </body>
    <script type="text/javascript">
        angular.module('wl-ng-sm-config', []).value('bins', '../bins');
    </script>
</html>
Note:
Please be aware that the paths are relative to the current file where your JavaScript application is included or executed.

After browsing to our http;//the-server-root/php-server-monitor/sample/index.html, we should get something like:

tut-single-server-directive.png
Single Server Monitoring Widget in action
Regular License $15.00
Use by you or one client, in a single end product which end users are not charged for.

Extended License $75.00
Use by you or one client, in a single end product which end users can be charged for.

Short Information

Affordable server monitoring software that allows you to check the online status of your servers.
WiseLoop PHP Server Monitor can check status of any server types such as web servers, FTP servers, mail servers, SQL and NoSQL database servers, game servers, VPN servers, cloud servers, cdn servers etc.
By setting up a cron job, the tool is able to send email notifications and server status reports so you will be always up to date regarding the online status of your servers.
This system status checker tool is ideal for hosting providers, hosting resellers, IT systems administrators, database administrators, webmasters and can be used in any other scenarios where servers/services online status info is needed.

Buyer rating:
37 Sales