Bytedesk Blog

QR Code Login Implementation Process

2024-10-08T00:00:00.000Z

Desktop client generates a unique device uid: deviceUid
Sends this deviceUid to the server, server returns a random code: randomCode
Desktop client generates QR code using randomCode and deviceUid
Mobile client scans this QR code, obtains deviceUid, sends deviceUid to server, server updates status to SCANED
Mobile client clicks confirm login, sends mobile number and deviceUid to server, server saves mobile number and updates status to CONFIRMED
Desktop client polls to get mobile number and CONFIRMED status, uses mobile number and randomCode to call login API
If desktop client gets EXPIRED status, it needs to fetch a new randomCode and regenerate QR code
After successful login, returns accessToken, desktop client saves this accessToken locally and redirects to homepage

QR Code Login Implementation Process

Welcome

2021-08-26T00:00:00.000Z

Docusaurus blogging features are powered by the blog plugin.

Here are a few tips you might find useful.

Simply add Markdown files (or folders) to the blog directory.

Regular blog authors can be added to authors.yml.

The blog post date can be extracted from filenames, such as:

2019-05-30-welcome.md
2019-05-30-welcome/index.md

A blog post folder can be convenient to co-locate blog post images:

The blog supports tags as well!

And if you don't want a blog: just delete this directory, and use blog: false in your Docusaurus config.

MDX Blog Post

2021-08-01T00:00:00.000Z

Blog posts support Docusaurus Markdown features, such as MDX.

Tip

Use the power of React to create interactive blog posts.

For example, use JSX to create an interactive button:

<button onClick={() => alert('button clicked!')}>Click me!</button>

Long Blog Post

2019-05-29T00:00:00.000Z

This is the summary of a very long blog post,

Use a comment to limit blog post size in the list view.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet

First Blog Post

2019-05-28T00:00:00.000Z

Lorem ipsum dolor sit amet...

...consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet