Code Monkey home page Code Monkey logo

balena-electron-vuecli3's Introduction

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 [email protected]:Lurow/balena-electron-vuecli3.git
  1. add a new repository with the name of your balena application (example)
git remote add balena [email protected]: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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.