Electron - Error 400 when obtaining geolocation

Question

I’m trying to use the navigator.geolocation.getCurrentPosition and the navigator.geolocation.watchPosition in a PWA project made with Quasar.

It is working very well in Browser and Cordova (Android), but an error occurs when publishing in Electron.:

PositionError {
  code: 2, 
  message: "Network location provider at 'https://www.googleapis.com/' : Returned error code 400."
}

Note that it is an Error 400 (Bad Request) and not 403 (Forbidden), I mean, it’s not a problem with my key to the API do Google.

In any case, follow the excerpt from the file main.js where the API is being configured.:

'use strict'
const
  electron = require('electron'),
  path = require('path'),
  config = require('../config/electron'),
  app = electron.app,
  BrowserWindow = electron.BrowserWindow

let mainWindow
function createWindow () {
  mainWindow = new BrowserWindow({
    ...
  })
  ...
  mainWindow.on('closed', () => {
    mainWindow = null
  })
}

process.env.GOOGLE_API_KEY = 'blablabla'
process.env.GOOGLE_DEFAULT_CLIENT_ID = 'blablabla.apps.googleusercontent.com'
process.env.GOOGLE_DEFAULT_CLIENT_SECRET = 'blablabla'
app.on('ready', createWindow)

app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit()
  }
})

app.on('activate', () => {
  if (mainWindow === null) {
    createWindow()
  }
})

When I make the direct call from Restman, he returns the location smoothly.:

curl -H "Content-Type: application/json" -X POST -d '{}' https://www.googleapis.com/geolocation/v1/geolocate?key=blablabla
{
    "location": {
        "lat": -x.fffffff,
        "lng": -y.fffffff
    },
    "accuracy": fff
}

Answer 1

The problem occurred when setting the variáveis de ambiente, to them processo principal (main.js), they were not being reflected into the rendering process.

My first attempt was to move them to the Webpack build process.:

./config/prod.env.js

module.exports = {
  NODE_ENV: '"production"',
  GOOGLE_API_KEY: '"blablabla"',
  GOOGLE_DEFAULT_CLIENT_ID: '"blablabla.apps.googleusercontent.com"',
  GOOGLE_DEFAULT_CLIENT_SECRET: '"blablabla"'
}

./electron/config/webpack.conf.js

var ... config = require('../config/webpack') ...
module.exports = {
  ...
  plugins: [
    new webpack.DefinePlugin({
      'process.env': config.env
    })
    ...
  ]
  ...
}

However, the error continued when trying to access the process.env.GOOGLE_API_KEY by Devtools, continued to display the standard key adopted by Electron.:

but identify that the following condition.:

if (this.$q.platform.is.electron) {
  let values = process.env
  console.log(process.env)
}

was perspirated to.:

var values = Object({
  NODE_ENV: "production",
  GOOGLE_API_KEY: "blablabla",
  GOOGLE_DEFAULT_CLIENT_ID: "blablabla.apps.googleusercontent.com",
  GOOGLE_DEFAULT_CLIENT_SECRET: "blablabla"
});

Then how contouring solution, I needed to set the environment variables.:

if (this.$q.platform.is.electron) {
  let values = process.env
  eval("\
    let electron = require('electron');\n\
    Object.keys(values).forEach(function (key) {\n\
      process.env[key] = electron.remote.process.env[key] = values[key]\n\
    });\n\
  ")
}