DEPLOYMENT_ON_UBERSPACE.md

AngularCV

Deployment on Uberspace

I am also using Uberspace for private purposes. This is a lightweight server where you can pay as you like. The recommendation is to pay about 5 - 10 € per month, minimum is 1 € per month. They have a good wiki (but only in German so far) for most of the needs you might have.

In order to deploy AngularCV to Uberspace, you will have to perform the following steps:

1. Register a domain somewhere

2. Register an Uberspace account

3. Configure your new domain at your Uberspace, see their wiki

4. Configure the newer nodejs version and install Angular CLI

   echo 'export PATH=/package/host/localhost/nodejs-8/bin:$PATH' >> ~/.bash_profile  # use the newer nodejs version, as this is not the default
   source ~/.bash_profile  # immediately apply the above change
   npm install @angular/cli
   

5. Deploy your AngularJS app

   cd ~
   git clone git@github.com:YoutGithubAccount/AngularCV.git
   cd ~/AngularCV
   ng build -prod --output-path=~/html/  # build the app for production environment and copy the result to the web root directory
   

   • (Optional) Automate the deployment

     In order to always show the newest version, you can add a cron job to perform the above steps

     • Add the following lines to ~/bin/deploy_cv.sh, e.g. by vim ~/bin/deploy_cv.sh:

       #!/bin/bash
       
       cd ~/AngularCV
       git pull
       source source ~/.bash_profile
       ng build -prod --output-path=~/html/  # build the app for production environment and copy the result to the web root directory
       

     • Make the script executable via chmod +x ~/bin/deploy_cv.s and add the following line to the crontab

       # Deploy AngularCV
       @daily ~/bin/deploy_cv.sh
       

   • see more here about website hosting at the Uberspace wiki

6. In order to make the direct links and browser page refresh work add this content to the new file ~/html/.htaccess/:

       RewriteEngine on
       RewriteCond %{REQUEST_FILENAME} -s [OR]
       RewriteCond %{REQUEST_FILENAME} -l [OR]
       RewriteCond %{REQUEST_FILENAME} -d
       RewriteRule ^.*$ - [NC,L]
   
       RewriteRule ^(.*) /index.html [NC,L]