资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

小程序实现网页登录的方法-创新互联

小编给大家分享一下小程序实现网页登录的方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:申请域名、网页空间、营销软件、网站建设、汤阴网站维护、网站推广。

小程序可以在网页登录。


小程序实现网页登录

1.PC 获取登录的二维码 :

https://live.haicaoyun.com/hms/hcyWeddingWall/appApi/webLogin/getQrCode?current_time=1571723998231

服务器返回两个数据 1.二维码的图片。2.客户端的标识 key。

这个二维码是客户端发送请求后,服务器调用小程序的接口生成的。我们知道微信小程序的二维码生成跳转到指定页面并且携带参数。

因此,在小程序内引导用户扫描 PC 端的二维码 ,如下图为小程序内的页面:

小程序实现网页登录的方法

用户扫描后,相当于微信让用户跳转到小程序的一个页面,我们可以伪造一个授权登录页面 ( 这个页面是我们前端做的,不是微信自己的 )。如下图,用户被微信跳转到了我们伪造的登录页面 :

小程序实现网页登录的方法

用户点击登录后,将 key ( 这个key是扫描二维码后,微信传递的 ) 传递给服务器,意思是客户端已经准备好了。

同时 PC 端不断的带 key 轮训服务器登录接口,等服务器接收到客户端准备好的信息后,给 PC 端返回登录成功的信息。如下图为 PC 端的轮询 :

小程序实现网页登录的方法

因为我们实际上利用微信小程序二维码的跳转功能来做伪网页登录。

PC 端轮询会给服务器造成一定压力,因此可以设计轮询的时间/次数,过期让用户刷新二维码。

以上是“小程序实现网页登录的方法”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


文章名称:小程序实现网页登录的方法-创新互联
本文URL:http://cdkjz.cn/article/ddehgh.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220