Thomas Alexander tomalex0

Virtual Hosts on nginx (CSC309)

When hosting our web applications, we often have one public IP address (i.e., an IP address visible to the outside world) using which we want to host multiple web apps. For example, one may wants to host three different web apps respectively for example1.com, example2.com, and example1.com/images on the same machine using a single IP address.

How can we do that? Well, the good news is Internet browsers

JavaScript Testing with Grunt, Mocha and Chai

In the following post I would like to introduce one way how you can setup your testing workflow for JavaScript development. The central components in the testing environment are Grunt, Mocha and Chai that I will cover from the introduction and installation of each component to the cooperation of all components for the execution of tests.

If you are already an experienced Grunt user and just look for the Gruntfile.js and the Mocha / Chai setup just skip the central components section and skip to the installing components part.

You can find the sample project with all code at GitHub on: https://github.com/maicki/sample-js-testing-grunt-mocha-chai

Central Components

Deploying a subfolder to GitHub Pages

Sometimes you want to have a subdirectory on the master branch be the root directory of a repository’s gh-pages branch. This is useful for things like sites developed with Yeoman, or if you have a Jekyll site contained in the master branch alongside the rest of your code.

For the sake of this example, let’s pretend the subfolder containing your site is named dist.

Step 1

Remove the dist directory from the project’s .gitignore file (it’s ignored by default by Yeoman).

	import { Component, Input, AfterViewInit } from '@angular/core';
	import { NgModel, DefaultValueAccessor, NgControl } from '@angular/forms';
	import { Http, Headers, RequestOptions } from '@angular/http';

	@Component({
	selector: 'app-file-uploader',
	template: '<input type="file" (change)="updated($event);">',
	providers: [NgModel, DefaultValueAccessor]
	})
	export class FileUploaderComponent implements AfterViewInit {

	import { Component, Input, AfterViewInit } from '@angular/core';
	import { NgModel, DefaultValueAccessor, NgControl } from '@angular/forms';
	import { Http, Headers, RequestOptions } from '@angular/http';

	@Component({
	selector: 'app-file-uploader',
	template: '<input type="file" (change)="updated($event);">',
	providers: [NgModel, DefaultValueAccessor]
	})
	export class FileUploaderComponent implements AfterViewInit {

	'use strict';

	// The purpose of this example is to show
	// how you can block the event loop with JavaScript.
	// There is 3 routes
	// / respond with Hello, World text
	// /block uses JavaScript while for 5 seconds
	// /non-block uses setTimeout for 5 seconds

	// Do the following

	# The upstream module is the link between Node.js and Nginx.
	# Upstream is used for proxying requests to other servers.
	# All requests for / get distributed between any of the servers listed.
	upstream helloworld {
	# Set up multiple Node.js webservers for load balancing.
	# max_fails refers to number of failed attempts
	# before server is considered inactive.
	# weight priorities traffic to server. Ex. weight=2 will recieve
	# twice as much traffic as server with weight=1
	server <your server ip>:3000 max_fails=0 fail_timeout=10s weight=1;

	var WebSocketServer = require('ws').Server;
	var wss = new WebSocketServer({port: 8080});

	var jwt = require('jsonwebtoken');

	/**
	The way I like to work with 'ws' is to convert everything to an event if possible.
	**/
	function toEvent (message) {
	try {

	# to generate your dhparam.pem file, run in the terminal
	openssl dhparam -out /etc/nginx/ssl/dhparam.pem 2048

	<!DOCTYPE html>
	<html>
	<head>
	<title>Box Shadow</title>

	<style>
	.box {
	height: 150px;
	width: 300px;
	margin: 20px;