Access social login using an alternate device

My system is set up as a kiosk and I want users to authenticate using social login like Gmail. However, since the kiosk has no keyboard, signing in can be tricky.

I'm wondering if it's possible for another device, such as a smartphone, to sign in and transfer the credentials (tokens, not passwords) to the kiosk (assuming there is some way to link the two devices, like a QR code).

This setup would be similar to how I can sign into Spotify on my Echo using my phone.

Do credentials get passed to the device or does the server gain access to my account and act on behalf of the device?

I'm really interested in understanding the correct way to handle this type of authentication process.

Answer №1

For creating a URL that users can visit on a different device to approve their login, you can utilize the resource at https://developers.google.com/identity/sign-in/devices. Consider displaying a QR code for easy access to the link. It's important to remind individuals to log out once they are finished, especially on public or shared devices.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Utilizing Numerous JavaScript Functions within jQuery

I've been facing a persistent issue and I'm seeking guidance on how to resolve it. I have developed a multipage Jquery similar to the one showcased below. However, whenever I try to reference a .js file that I have saved, the pages either fail t ...

Display toolbar title on small screens in separate lines

Recently, I encountered an issue while using v-toolbar in my vue app. Despite my efforts, I couldn't find a way to split the title into multiple lines on small screens. Currently, it displays as "Secti...." on smaller devices. Can anyone assist me wit ...

Is there a way to combine the advantages of both objects and arrays in JavaScript?

I have categorized data with unique IDs spread across different collections. I am in need of quick and direct access to this data based on the ID, as well as efficient looping over the entire dataset. var dataSetA = { 34523: { foo: 7, bar: 123}, 643 ...

What is the best way to delete the <li> element from a webpage

Here is the HTML code snippet that I am working with: <form name="package_type_documents" action="" method="post" enctype="multipart/form-data"> <div class="hor-form"> <ul> <li> <div class="answ ...

Exploring plyr and vue.js: utilizing a computed property to fetch video duration

I am currently attempting to load content dynamically based on the duration of a video being displayed. However, I am encountering issues when trying to access the duration property. Could this problem be related to the timing of plyr's appearance wit ...

Struggling to display text content from an array onto the HTML webpage

One issue I am encountering is my inability to use Javascript to change the text within an HTML p tag. I have an HTML button with the id="knap" and a p tag with the id="answer". My goal is to change the text in the "answer" tag when the user clicks on the ...

The JavaScript-generated form element will not be included in the data submitted through the POST method

While it may appear that this question has been asked before, my specific inquiry seems to be unique as I have not found a similar answer in other threads. Therefore, I am initiating a new discussion. My issue revolves around a form which contains a link ...

Trouble with displaying my three.js 3D model

I've tried multiple solutions I found, but none have fixed the issue of not being able to display 3D models. Many have suggested that it could be a problem with the camera, but so far I haven't been able to resolve it. Any assistance would be gre ...

"Implementing a feature where users can select multiple items by checking checkboxes, then storing the selected items in an array

In the application I'm working on, there is an array of items being displayed with checkboxes. I want to bind the state of these checkboxes (checked/unchecked) to a Vuex store in order to keep track of selected items. Snippet of Vuex action code: con ...

Opt for remove or hide in jQuery instead of resorting to split and join for better efficiency

My goal is to eliminate all occurrences of the £ symbol on a webpage (.aspx page). Currently, I am using the following jQuery code: $(':contains("£")').each(function(){ $(this).html($(this).html().split("£").join("")); }); Although the ...

Sorting a parent array in AngularJS using a child array's Date field as the basis

I have an array of arrays of objects with the following structure: parentArray = [ [{id:1, date:1505020200000}, {id:4, date:1505020200000 }], [{id:2, date:1504681500000}], [{id:3, date:1504671000000}, {id:20, date:1504671000000}] ] Each nested array cont ...

Can someone offer advice on how to effectively interpret a JSON string retrieved from a MySQL query using Javascript?

How can I transform it into an object format? This way, each field of the output can be accessed using results[i].field where i represents the number of records in the MySQL result. Here is the JSON String that I am working with: http://pastebin.com/Cky1v ...

What is the best way to add comments inside the render method in React jsx using babel, es6, and webpack?

Last week, I began a new project and now I want to review my code before reconnecting with my team. /* Adding syntax styling */ class Foo extends React.Components { constructor(props) { super(props); } render() { return ( ...

grab the destination URL from the embedded frame

Thank you for your attention. I am working with three iframes spread across different HTML documents. Here is how they are organized: In the file iframemain.html, there is: <iframe src="iframeparent.html" width="100%" height="600"> </iframe> ...

Transform a JavaScript array using key value pairs sourced from a JSON document

I am currently working on developing a feature to detect and flag inappropriate comments within my application. One approach I am taking involves splitting the comment into an array of strings. I am now looking to implement a JavaScript function that can ...

What is the method for transforming the date format (Friday June 22 2018 14:37:47 GMT+0530 (India Standard Time)) to DD-MM-YYYY?

When using the material-ui/DatePicker, the date is displayed in full format, but I only need the DD-MM-YYYY format. import DatePicker from 'material-ui/DatePicker'; This is the datepicker component: <DatePicker hintText="" formatDate= ...

Eliminate redundant sets of comma-separated numbers from the jQuery input text value

On my webpage, there is an input with a value that looks like this: 1,7,1,4,22,58,58,1,1,4,7 <input type="text" name="hello" id="thankyouforhelping" value="" aria-invalid="false"> I have attempted mu ...

Tips on smoothly transitioning an object along a path in an HTML5 Canvas and ensuring that the previous object's residue does not linger behind

Is there a way to smoothly move an object over a line in HTML5 without leaving old objects behind? I need help achieving a seamless movement of a ball across a line. var canvas = document.getElementById('myCanvas'); var context = canvas.getCon ...

Issue with Nuxt JS Vuex data not updating in real-time upon page load

Within my Nuxt JS 2.9 application, I have implemented Vuex to store and retrieve data in my layout. The issue I am facing is that when I set data into the Vuex store on a page-specific basis, it requires me to refresh the page in order to see the updated d ...

What triggers the appearance of the message "Error: Uncaught (in promise): Response with status:200 for Url:null"?

My current setup involves accessing a Mongo database using NodeJS and Express in the following way: var MongoClient = require('mongodb').MongoClient; ... app.get("/app/visits", function (req, res, next) { console.log(" ...