Ikunyemi Ngor ikunyemingor

Installing Xdebug for XAMPP with PHP 7.x

New: XAMPP - XDebug Setup for PHP 8

Requirements

XAMPP for Windows: https://www.apachefriends.org/download.html
Microsoft Visual C++ Redistributable for Visual Studio 2015, 2017 and 2019

Setup

#Steps to Install

Download and Install ImageMagick http://imagemagick.org/script/binary-releases.php#windows
Visit ImageMagic installation directory and module/coders copy all files and past on D:\xampp\apache\bin
Download Binary https://pecl.php.net/package/imagick/3.4.0RC5/windows php 5.6 TS one according to phpinfo Architecture if it is x86/x64
Exatract and copy php_imagick.dll to D:\xampp\php\ext
Add php_imagick.dll on php.ini
Copy 8 CORE_*.dll to D:\xampp\apache\bin
Restart Apache
done and visit phpinfo

Expose Localhost to the Internet With Ngrok

If you want a way to access your localhost easily on the public internet, lets say, to showcase the current work to a client, etc. This is where ngrok comes in. It allows us to establish a tunnel that forwards a port on our machine and make it available on the internet.

Ngrok is a Go program, distributed as a single executable file for all major desktop platforms. There are no additional frameworks to install or other dependencies.

This tutorial assumes you are using MAMP and have previously set up DNSMASQ.

Host react application on Apache server

Step 1 : Create your app

$ npm install -g create-react-app 
$ create-react-app my-app

	<html>
	<head>
	<title>UK Post Code</title>

	<style type="text/css">
	#map_canvas { width:300px; height:200px; }
	</style>

	<script type="text/javascript">
	function initialize() {

	function isOnScreen(elem) {
	// if the element doesn't exist, abort
	if( elem.length == 0 ) {
	return;
	}
	var $window = jQuery(window)
	var viewport_top = $window.scrollTop()
	var viewport_height = $window.height()
	var viewport_bottom = viewport_top + viewport_height
	var $elem = jQuery(elem)


	/*
	##Device = Desktops
	##Screen = 1281px to higher resolution desktops
	*/

	@media (min-width: 1281px) {

	/* CSS */

	-- enable dblink support
	CREATE EXTENSION dblink;

	-- create the connection
	SELECT dblink_connect('myconn', 'dbname=tracking-service');

	-- then use the connection
	SELECT "oauthId"
	FROM "56_profile" local
	INNER JOIN dblink('myconn','SELECT DISTINCT user_id FROM "event"')

	# best practice: linux
	nano ~/.pgpass
	:5432::username:password
	chmod 0600 ~/.pgpass

	# best practice: windows
	edit %APPDATA%\postgresql\pgpass.conf
	:5432::username:password

	# linux

	@charset "utf-8";

	/! normalize.css v1.1.0 \| MIT License \| git.io/normalize /
	article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;display:inline;zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;f