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 – React wrapper around MapboxGL JS

BySuresh Gadupu October 11, 2020June 5, 2022 JavaScript

Today I am going to show you, how to use the React-map-gl framework to render the web map. In the previous blog posts, I have shown you how to render the web maps and add visualization to it on the browser using the MapboxGL JS. While MapboxGL JS great library there are frameworks like React-map-gl,…

JavaScript

Mock GraphQL API using json-graphql-server

BySuresh Gadupu August 29, 2021June 5, 2022 JavaScript

In the previous blog posts, I have covered how we can develop GraphQL API using Netflix DGS framework. If the GraphQl API is used by any front end application or any other GraphQL client, the developer has to wait for the complete API to implement. One way to overcome the problem is to mock the…

JavaScript

Build web presentations with PRESENTA Lib JS library

BySuresh Gadupu September 20, 2021February 11, 2022 JavaScript

Today I am going to show how to build presentations that can be displayed in browser with HTML, JavaScript and Markup files using PRESENTA Lib JavaScript library instead of Microsoft PowerPoint. PRESENTA Lib is a javascript library that generates web presentations from config objects. I am going to use only html , markup file and vanilla JS to build…

JavaScript

Free ReactJS security course

BySuresh Gadupu May 30, 2021February 19, 2022 JavaScript

Most of the courses cover the basic concepts of ReactJS by building some sample applications. If you want to secure your application using username/password combination and provide access to part of the application based on the role of the user there not many free resources available. Very few courses cover security as a fundamental requirement….

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 | 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…

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