Skip to content

Latest commit

 

History

History
67 lines (47 loc) · 1.54 KB

angular_webserver.md

File metadata and controls

67 lines (47 loc) · 1.54 KB

An AngularJS Webserver Guide.

A quickstart to emulating a webserver on your local machine. ** If you're familiar with Django, you can use Django's webserver to handle serving the needed items for Angular.

Install Ruby

Mac/Linux

  1. Install Homebrew:

    /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

  2. Install (or upgrade) Ruby:

    brew install ruby

Windows: Here

Use Ruby Gems to install Bundler & Rack

  1. Install Bundler

    sudo gem install bundler

  2. Create a Gemfile inside your project and put:

    source 'https://rubygems.org'
gem 'rack'

  3. Run & Install

    bundle install

Setup Rack for webserver emulation:

  1. Create a file called config.ru on the same level as your src folder. Which is what contians your static files (js, css, and images directory) as well as your index.html file. Inside the config.ru file, add:

    use Rack::Static,
  :urls => ["/images", "/js", "/css", "/templates"],
  :root => "src"

run lambda { |env|
  [
    200,
    {
      'Content-Type'  => 'text/html',
      'Cache-Control' => 'public, max-age=86400'
    },
    File.open('src/index.html', File::RDONLY)
  ]
}

  2. Run rackup in Terminal/Command Prompt.

  3. Navigate to http://127.0.0.1:9292/ or http://localhost:9292/