Zero config HTTP Servers for testing websites

BySuresh Gadupu October 31, 2021February 11, 2022 JavaScript

Today I am going to show you 3 http servers which can used without any configuration to view and test your websites in local development which are built using HTML and JavaScript

I am going to use the below HTML project from GitHub for demo.

https://github.com/sureshgadupu/presenta-slideshow-demo

i) Live Server

Live server is http server available as VS Code IDE extension.

After installing the extension, You can start and stop the server by right-clicking on the page you want to view

By clicking on the “Open with Live Server” option we can view the webpage in action in browser.

One advantage with Live Server is you can directly open the page you want to view/test.

ii) http-server

http-server is a simple, zero-configuration command-line static HTTP server. It is powerful enough for production usage, but it’s simple and hackable enough to be used for testing, local development and learning.

http-server is a npm module so node js should be installed on your computer.

We can start using this http server without installing with below command

npx http-server [path] [options]Code language: Java (java)

For available options visit the link

Now open the browser and navigate to one of IP address and port given in Available on section in above image

We can also install http-server in our system.

Below command will install http-server globally so that it may be run from the command line anywhere.

npm install --global http-serverCode language: Java (java)

http-server [path] [options]Code language: Java (java)

iii) Web Server for Chrome

Web Server for Chrome is a http server available as browser based extension for chromium based servers.

You can install the Web Server for Chrome by visiting link from chromium based browsers

Once installed, server will be available under apps/extension section of browser

Now click on the Web server icon to star the server. Click on the choose folder button and select your project folder.

Now click on the url available under Web Server URL (s) to view website on browser

JavaScript

React-Map-GL – Locating user on the map

BySuresh Gadupu November 1, 2020June 5, 2022 JavaScript

Whenever you are dealing with map applications, one of the common requirements is locating the user on the map. In today’s blog post I will show you how to locate the user on the map and show a marker on the user location using react-map-gl‘s inbuilt GeolocateControl and Marker components. In this post, I will…

JavaScript | Useful Websites

Netlify – free hosting for your static websites

BySuresh Gadupu December 11, 2021February 11, 2022 JavaScript, Useful Websites

Netlify is platform for building and deploying/hosting websites. It provides generous free tier to experiment with platform. In this blog post I will explain how to build and deploy/host websites on Netlify. Go to netlify.com website and click on the Sign Up button Netlify gives option to Sign Up with GitHUb, GitLab, Bitbucket or using…

JavaScript

Getting started with DeckGL

BySuresh Gadupu July 18, 2021June 5, 2022 JavaScript

This blog post demonstrates the adding interactivity to the Mapbox maps using DeckGL framework

JavaScript

Creating React JS App using Vite 2.0

BySuresh Gadupu January 30, 2022February 7, 2022 JavaScript

In this blog post I will explain what is Vite and how you can create new react js app using Vite It consists of two major parts A dev server that provides extremely fast Hot Module Replacement (HMR) A build command that bundles your code with Rollup Prior to the availability of ES modules in browsers, developers…

JavaScript

React-Map-GL – Controlling user interaction with map

BySuresh Gadupu October 26, 2020June 5, 2022 JavaScript

In this blog post I will show you how to control user interaction with maps and how to use navigation components of react-map-gl framework. In this post I will skip the initial application setup steps and proceed with next steps. You can read my previous blog post for initial setup process. You can use the repo from GitHub…

JavaScript

React-Map-GL : Finding earthquakes around selected location on the map

BySuresh Gadupu December 30, 2020February 19, 2022 JavaScript

Whenever you are dealing with map applications, one of the common requirements is locating places or shops with in certain radius from your current location. For example if you go to a new place, you might be interested in searching for restaurants or petrol station near to your place. In this blog post I will…

M	T	W	T	F	S	S
				1	2	3
4	5	6	7	8	9	10
11	12	13	14	15	16	17
18	19	20	21	22	23	24
25	26	27	28	29	30	31

i) Live Server

ii) http-server

iii) Web Server for Chrome

Similar Posts