Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 
 
 
 
 
 
 

Description

This repo is made for this article in which I explain how to setup local development environment that runs over HTTPS using Caddy as reverse-proxy server.

This project is demostrating running two apps one as frontend and the other as backend behind Caddy server which reverse proxy requests to them, locally over HTTPS.

It is a simple Todo app with one page, in which everything is opened for guest user, but once guest add/delete/etc... any task, a 401 will be raisd by the backend. Then authenticate the guest will make him able to perform operations on tasks.

Backend app is made by node.js, and frontend one by vue.js.


Getting Started

Prerequisites

Run Project

  • Clone project
git clone https://github.com/devahmedshendy/dev-over-https-traditional-setup.git
  • Generate Local Trusted Certificate for *.foo.bar domain
./init.sh
  • Install backend dependencies and run it
  • Open new terminal.
  • Switch to dev-over-https-traditional-setup/backend.
npm install

npm run dev
  • Install frontend dependencies and run it
  • Open new terminal.
  • Switch to dev-over-https-traditional-setup/frontend.
npm install

npm run serve
  • Start Caddy server
  • Open new terminal.
  • Switch to dev-over-https-traditional-setup/caddy.
caddy run

Now project is ready. You can access it from browser.

Also check following video for recorded demo of this project demonstrating a simple useful use of cookies over HTTPS:

Youtube Demo For Local Dev Over HTTPS

About

Traditional Setup for Development Over HTTPS using Caddy2 Server

Resources

Releases

No releases published

Packages

No packages published