send-feedback

send-feedback electron element - that could be used to get user feedback from electron app

---

Project maintained by electron-elements Hosted on GitHub Pages — Theme by mattgraham

Setting up backend

This tutorial is for Setting up backend that accepts feedback sent from the app. You can use any backend you want for accepting feedback but this one will be written in node using express.

# create backend directory
FEEDBACK_BACKEND=send-feedback-backend # or whatever you want to name it
mkdir $FEEDBACK_BACKEND
cd $FEEDBACK_BACKEND
touch index.js
# install express, and body-parser
npm init -y
npm i express body-parser --save

Now add the "start" field to package.json.

"start": "node index.js"

Writing backend

Add this template to index.js and setup saving feedback received from webapp and a way to access them on the website.

const express = require('express');
const bodyParser = require('body-parser');
const app = express();

app.use(bodyParser.urlencoded({ extended: false }));

const titleParam = 'title';
const bodyParam = 'body';
function checkRequest(body) {
    return (body[titleParam] !== undefined && body[titleParam] !== '' &&
            body[bodyParam] !== undefined && body[bodyParam] !== '');
}

app.get('/', (req, res) => {
  // probably want to setup something here
  // that sends html back that nicely renders
  // feedback you gathered
});

app.post('/', (req, res) => {
    if (checkRequest(req.body)) {
        // store the feedback someehwere
        console.log('New feedback recived at ', new Date());

        // send 200 to indicate sucess
        res.status(200).end();
        return;
    }
    
    console.error('Feedback rejected!');
    // failure no data was sent
    res.status(404).end();
});

const port = process.env.PORT || 8080;
app.listen(port, function() {
    console.log(`Backend started and now can accept feedback on port: ${port}`);
});

Push your code to a server

You will need a server up a running to accept the feedback sent from the app. You can use services like heroku or now which offer free services.

Note: This code is just a template, you should ensure your backend’s security, see checklist here. Do not just copy and paste it and use it for production!