/dokku-example-vue

Example of deployment of Vue app (SPA) via Dokku

Primary LanguageJavaScript

dokku-vue

On server machine:

  • Install dokku and create dokku project
# Follow install instructions
http://dokku.viewdocs.io/dokku/

# Go to browser on and put public ip of server. And add the public ssh key.

# Create dokku project
MYPROJECT="dokku-vue" 
dokku apps:create $MYPROJECT
dokku config:set $MYPROJECT NGINX_ROOT="dist" TZ="America/Sao_Paulo" 

#This var NGINX_ROOT="dist" is very important so Dokku knows where to serve files

Locally:

  • Add public key to remote machine:

cat ~/.ssh/id_rsa.pub | ssh -i ~/.ssh/mypemfile.pem ubuntu@$PUBLIC_IP "sudo sshcommand acl-add dokku dokku"
  • In Vue project folder
#Install all dependencies
npm install

# Run build
npm run build

# Remove /dist from .gitignore

# Add dokku remote to project:
git remote add dokku dokku@$PUBLIC_IP:$MYPROJECT

Deployment script - see file up_dokku.sh

#remove all files from dist folder
  rm -rf dist/* 

#run build - created build files on dist folder
  npm run build 
  
#stage dist folder 
  git add -A dist 

#commit 
  git commit -m "up to dokku" 

#push to dokku origin
  git push dokku master

Change default deployment branch to 'prod' (optional)

 #locally
   #create branch prod locally - do once only
     git branch prod
   #go to branch prod
     git checkout prod
   #merge master branch in prod
     git merge master
  
   #This pushes local prod branch to origin master branch(dokku)
    git push dokku prod:master

 #on dokku VM:
  dokku git:set $MYPROJECT deploy-branch prod

Add https - SSL cert

Use this https://github.com/dokku/dokku-letsencrypt

Run nginx locally on Docker

./local_deploy.sh