JS实现App扫码网页端登录

最近做了一个扫码登录的功能，简单说明一下思路：

网页端生成一个二维码，二维码内容是一串随机乱码

然后拿app里的扫码功能去扫，读取到乱码后，和app当前用户的uid绑定在一起提交给服务器

网页端在生成二维码的30秒内，不停地拿着乱码给服务器发请求，看有没有对应的uid，没有的话30秒过后就跳转，有的话就拿到uid跳转到用户界面，并删除掉此次生成的对应关系

几个关键的点

画二维码用的是js的qrcode库，很容易

然后用setInterval和setTimeout定时向服务器发送ajax请求

就行了

原文地址：https://www.cnblogs.com/xb21/p/8386141.html

时间： 2024-08-02 16:26:23

JS实现App扫码网页端登录的相关文章

java生成二维码扫码网页自动登录功能

找了很多资料,七七八八都试了一遍,最终写出来了这个功能. 菜鸟一枚,此文只为做笔记. 简单的一个生成二维码,通过网页确认登录,实现二维码页面跳转到主页面. 有三个servlet: CodeServlet.java 干2件事 a:生成随机的uuid,是一个唯一标识,该标识贯穿整个流程 b:生成二维码图片,二维码信息:http://xx.xx.xx.xx:8080/xxxx/login.jsp?uuid= xxxx LongConnectionCheckServlet.java 进行长连接轮询操作,

PC 端微信扫码注册和登录

一.前言 先声明一下,本文所注重点为实现思路,代码及数据库设计主要为了展现思路,如果对代码效率有着苛刻要求的项目切勿照搬. 相信做过微信开发的人授权这块都没少做过,但是一般来说我们更多的是为移动端的网站做授权,确切来说是在微信端下做的一个授权.今天遇到的一个问题是,项目支持微信端以及 PC 端,并且开放注册.要求做到无论在 PC 端注册或者是在微信端注册之后都可以在另外一个端进行登录.也就是说无论 PC 或是微信必须做到"你就是你"(通过某种方式关联). 二.寻找解决方案 按传统的方式

node.js Websocket实现扫码二维码登录---GoEasy

最近在做一个扫码登录功能,为此我还在网上搜了一下关于微信的扫描登录的实现方式.当这个功能完成了后,我决定将整个实现思路整理出来,方便自己以后查看也方便其他有类似需求的程序猿些. 要实现扫码登录我们需要解决两个问题: 1.  在没有输入用户名及密码的情况下,如何解决权限安全问题?换句话讲,如何让服务器知道扫码二维码的客户端是一个合法的用户? 2.  服务器根据用户在客户端的选择如何实时在网页上作出相应的响应? 首先我们先理一下微信的实现思路,来方便我们理解解决这一难题的思路方向.微信登录的二维码实

钉钉app扫码二维码登录OA

钉钉扫码二维码登录OA系统 1.创建企业内部微应用 2.二维码前端实现及code获取 1).在页面中先引入如下js <script src="https://g.alicdn.com/dingding/dinglogin/0.0.5/ddLogin.js"></script> 2).在需要使用钉钉登录的地方实例以下JS对象 /* * 解释一下goto参数,参考以下例子: * var url = encodeURIComponent('http://localho

iPhone APP 扫码下载

移动互联网发展迅速,各种APP的开发都太疯狂了,一般稍大点儿的应用,都会准备多个版本,比如:iPhone版.iPad版.Android版,我们姑且称之为:终端适配. 业务做的再大点儿的,APP还会考虑覆盖到多个国家,比如:中文版.英文版.日文版.韩文版等,我们可称之为:APP国际化. 还有更拽的,针对不同渠道(流量来源)也提供不同的版本,比如:百度版.Google版.阿里版.腾讯版,等,我们可称之为:多渠道适配. 但是对于应用提供方,一定希望入口只有一个:在二维码疯狂流行的年代,必然是已扫描二维

php微信开放平台--第三方网页微信扫码登录（OAuth2.0）

第一.OAuth2.0 OAuth(开放授权)是一个开放标准,允许用户让第三方应用访问该用户在某一网站上存储的私密的资源(如照片,视频,联系人列表),而无需将用户名和密码提供给第三方应用. 允许用户提供一个令牌,而不是用户名和密码来访问他们存放在特定服务提供者的数据.每一个令牌授权一个特定的网站(例如,视频编辑网站)在特定的时段(例如,接下来的2小时内)内访问特定的资源(例如仅仅是某一相册中的视频).这样,OAuth允许用户授权第三方网站访问他们存储在另外的服务提供者上的信息,而不需要分享他们的

微信开放平台开发——网页微信扫码登录（OAuth2.0）

.OAuth2.0 OAuth(开放授权)是一个开放标准,允许用户让第三方应用访问该用户在某一网站上存储的私密的资源(如照片,视频,联系人列表),而无需将用户名和密码提供给第三方应用. 允许用户提供一个令牌,而不是用户名和密码来访问他们存放在特定服务提供者的数据.每一个令牌授权一个特定的网站(例如,视频编辑网站)在特定的时段(例如,接下来的2小时内)内访问特定的资源(例如仅仅是某一相册中的视频).这样,OAuth允许用户授权第三方网站访问他们存储在另外的服务提供者上的信息,而不需要分享他们的访问

网页接入dingding扫码登录

前言 有时候我们做了一些网页,希望只有某些人才能看的话,可以搞一个钉钉扫码登录,接入也比较简单,下面记录下接入的过程. 流程 我们先看看官方的文档:钉钉接入文档梳理一下官方的流程:1.先跳去一个扫码网页,配置好参数就能跳,然后用用户去扫码:2.扫码成功后,会自动跳转回你之前设置的页面,并在链接上带一个code的参数:3.利用appkey和秘钥去获取token,这个token有效期为2小时:4.利用第2步获取的code和第3步获取的token,去请求接口,得到一个持久码:5.利用第4步获取的持久码

初涉扫码登录：edusoho实现客户端扫码登录（简版）

一.项目简介及需求 edusoho是一套商业版的在线教育平台,项目本身基于symfony2框架开发,现在有一款自己的APP,要求在不多修改edusoho自身代码的基础上,实现客户端对PC端扫码登录.不多修改edusoho代码的原因是为了避免下次升级主版本时发生错误. 二.版本信息及所需应用 edusoho 7.5.14 php 5.5.25 php  GD库 memcache(本次使用memcache作为存储介质,可用redis代替) 点我下载 phpqrcde(php生成二维码插件) 三.实现