


javascript - How to implement web code scanning login, please give me some ideas
Recently I am working on a web instant messaging, which has a QR code login function. I've never done this before, so I'm looking for an expert to talk about it.
How did the QR code come from? If the web side monitors the mobile phone to scan the code successfully, and the server has sent the data
Reply content:
Recently I am working on a web instant messaging, which has a QR code login function. I've never done this before, so I'm looking for an expert to talk about it.
How did the QR code come from? If the web side monitors the mobile phone to scan the code successfully, and the server has sent the data
<code>步骤 WEB平台 手机 第1步 生成二维码 第2步 (ajax监控后台) 扫码 第3步 (ajax监控后台) 确定(后台异步通知WEB平台) 第4步 AJAX发现状态改变,登陆成功 </code>
Ajax monitoring background process: after generating the QR code,
<code>setTimeout(function(){ //AJAX请求,检测状态 },5000); </code>
What you said above is correct. Let me add something.
Take WeChat as an example
Solve two problems, <1> The computer obtains from the server whether someone has scanned my computer and authorized login.
Then the app needs to solve the problem of knowing who the person who scanned is and telling the server the information about this person.
Object<1>Website <2>Open WeChat on mobile phone
Process
<1>The web generates links, and the links are made into QR codes. Generally, local cookies or sessionid are used as the only parameters.
<2>After the app scans, it actually performs the authorization operation, captures the user information, and stores the user information and the cookies or sessionid included in the request into the library.
<3>The web makes an ajax request to the background every few seconds. Check whether the current cookie or sessionid has corresponding login information, and perform the login operation if it does.
1. The front-end calls the API that generates the QR code in the background to obtain the QR code image and the information it contains (usually a unique ID)
2. The front-end detects (through polling or websock, your choice) whether there is a mobile phone scan Code, by calling the backend interface API, the parameter is the unique ID above
3. Scan the QR code with your mobile phone to log in. The mobile phone can get the information ID in the QR code, and bring the current login user ID and the ID in the QR code. Call the background interface.
The data of this QR code is stored in the background, plus the logged-in user information. When the front-end calls the API, a successful login will be returned.
4. The front end gets the successful login and jumps

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics



PHP and Python each have their own advantages, and choose according to project requirements. 1.PHP is suitable for web development, especially for rapid development and maintenance of websites. 2. Python is suitable for data science, machine learning and artificial intelligence, with concise syntax and suitable for beginners.

PHP remains important in modern web development, especially in content management and e-commerce platforms. 1) PHP has a rich ecosystem and strong framework support, such as Laravel and Symfony. 2) Performance optimization can be achieved through OPcache and Nginx. 3) PHP8.0 introduces JIT compiler to improve performance. 4) Cloud-native applications are deployed through Docker and Kubernetes to improve flexibility and scalability.

PHP is a scripting language widely used on the server side, especially suitable for web development. 1.PHP can embed HTML, process HTTP requests and responses, and supports a variety of databases. 2.PHP is used to generate dynamic web content, process form data, access databases, etc., with strong community support and open source resources. 3. PHP is an interpreted language, and the execution process includes lexical analysis, grammatical analysis, compilation and execution. 4.PHP can be combined with MySQL for advanced applications such as user registration systems. 5. When debugging PHP, you can use functions such as error_reporting() and var_dump(). 6. Optimize PHP code to use caching mechanisms, optimize database queries and use built-in functions. 7

The reasons why PHP is the preferred technology stack for many websites include its ease of use, strong community support, and widespread use. 1) Easy to learn and use, suitable for beginners. 2) Have a huge developer community and rich resources. 3) Widely used in WordPress, Drupal and other platforms. 4) Integrate tightly with web servers to simplify development deployment.

PHP is still dynamic and still occupies an important position in the field of modern programming. 1) PHP's simplicity and powerful community support make it widely used in web development; 2) Its flexibility and stability make it outstanding in handling web forms, database operations and file processing; 3) PHP is constantly evolving and optimizing, suitable for beginners and experienced developers.

PHP and Python each have their own advantages and are suitable for different scenarios. 1.PHP is suitable for web development and provides built-in web servers and rich function libraries. 2. Python is suitable for data science and machine learning, with concise syntax and a powerful standard library. When choosing, it should be decided based on project requirements.

PHP is suitable for web development, especially in rapid development and processing dynamic content, but is not good at data science and enterprise-level applications. Compared with Python, PHP has more advantages in web development, but is not as good as Python in the field of data science; compared with Java, PHP performs worse in enterprise-level applications, but is more flexible in web development; compared with JavaScript, PHP is more concise in back-end development, but is not as good as JavaScript in front-end development.

PHP is used to build dynamic websites, and its core functions include: 1. Generate dynamic content and generate web pages in real time by connecting with the database; 2. Process user interaction and form submissions, verify inputs and respond to operations; 3. Manage sessions and user authentication to provide a personalized experience; 4. Optimize performance and follow best practices to improve website efficiency and security.
