Skip to content
Vue Cli 3 Hello World generated Project Ready for Balena -> Raspberry Pi deploy
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
app chore: resin -> balena name changes Nov 8, 2018
.gitignore
Dockerfile.template
LICENSE.md
README.md

README.md

BalenaCloud-Electron-VueCli3 Starter

Hi there, since the other balena(fmr resin) + electron + webframework repositories are a little out of date, I decided to combine the general approach with the simple devprocess vuecli3 is providing.

Getting Started

For local testing & deployment, see /app/README.md

For deployment with balena.io, read the following

Prerequisites

In order to deploy this app on your balena.io account:

  1. create a new account on balena.io
  2. load the balena image for the device of your choice and flash it on your device via etcher.io

Deployment

  1. clone this image onto your computer
git clone git@github.com:Lurow/balena-electron-vuecli3.git
  1. add a new repository with the name of your balena application (example)
git remote add balena gh_xxx@git.balena-cloud.com:gh_xxx/test.git

(you can also find the command on your balena.io dashboard)

  1. push the application to the new repository
git push balena

(you should see a unicorn as soon as the dockerimage is built)

  1. look at your dashboard and see the magic happening!

Dockerconfig

All relevent configs for balena.io deployment are inside Dockerfile.template.

This is your imagebuilder, which will start building your container on git push balena on their webrunners.

Environment Variables

You are able to change all necessary configurations from your balena.io dashboard.

Click on the tab Service Variables and add following variables:

  FOO: bar

correspondingly, check for the env. in background.js. Something like:

const smt = process.env.FOO

(for balena configurations check docs at https://github.com/balena-io/resin-electronjs)

Config

In order to ensure high configurability, your config files (i18n etc.) can be set as jsons:

  1. Log into your balena.io dashboard and connect to your image (main) in the ssh client
  2. find the /data folder (at the root of image)
cd ../../../data
  1. create a config.json
touch config.json
  1. configurate config.json with nano
nano config.json

json structure should be:

{
  "foo":"bar"
}
  1. restart your application

Built With

  • balena.io - IoT software deployment service
  • vue.js - Webframework for I/O + Display
  • electron - Converts Webapplications into Desktop applications

Authors

You can’t perform that action at this time.