开发指南059-App实现微信扫描登录

简介: App是用uniapp开发的,打包为apk,上传到安卓平板中使用

App是用uniapp开发的,打包为apk,上传到安卓平板中使用。客户要求登录页面实现微信扫描登录,这一场景下有两个关键问题:

       1、微信扫描登录后的回调地址是不可能回到App内页面的。

             解决方案:不能直接用,就迂回解决。服务器上需要部署1个H5的应用。App的登录页面放一个WebView,指向这个H5应用里的扫描登录页面。回调地址也指向H5应用里的某个地址,该地址接收code参数和后台交互完成登录业务。

       2、WebView和App的通讯问题。

       2.1 App给WebView传参

            通过WebView的src属性传递参数

      2.2 WebView返回参数给App

           这个要通过postMessage传递。例如上面场景,回调页面完成登录后调用uni.postMessage给App。App通过@message="MessageHandler"来挂接接收函数

     其他问题自行看网上教案,上面两个核心问题是教案没有涉及的。

     很多同学好奇前端页面是怎么探知手机扫描状态的?窗户纸一捅就破:定时任务。打开微信网页版,打开浏览器控制台,自然能看到。

相关文章
|
24天前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
364 7
|
23天前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
435 1
|
8天前
|
小程序 前端开发 算法
|
24天前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
160 3
|
24天前
|
JSON 前端开发 API
使用微信JS-SDK调用发票接口的完整开发指南
本文介绍了如何使用微信JS-SDK的`chooseInvoiceTitle`接口来调用微信的发票功能。通过微信发票接口,用户可以选择开具个人或单位发票,并获取相关发票信息,如抬头、税号、公司地址等。在文中,详细描述了JS-SDK的初始化、发票接口的调用方式,并提供了完整的代码示例。文章还介绍了如何处理返回的发票信息,帮助开发者快速集成微信发票功能。
66 2
|
23天前
|
JavaScript 小程序 开发者
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
251 0
|
28天前
|
小程序
uni-app开发微信小程序使用onPullDownRefresh(下拉刷新)总结
uni-app开发微信小程序使用onPullDownRefresh(下拉刷新)总结
375 0
|
移动开发 安全 PHP
微信分享和微信H5跳转到APP开放标签wx-open-launch-app使用及样式设置
微信分享和微信H5跳转到APP开放标签wx-open-launch-app使用及样式设置
1487 0
|
移动开发 安全 PHP
微信分享和微信H5跳转到APP开放标签wx-open-launch-app使用及样式设置
微信分享和微信H5跳转到APP开放标签wx-open-launch-app使用及样式设置
897 0
|
10天前
|
小程序 数据挖掘 UED
开发1个上门家政小程序APP系统,都有哪些功能?
在快节奏的现代生活中,家政服务已成为许多家庭的必需品。针对传统家政服务存在的问题,如服务质量不稳定、价格不透明等,我们历时两年开发了一套全新的上门家政系统。该系统通过完善信用体系、提供奖励机制、优化复购体验、多渠道推广和多样化盈利模式,解决了私单、复购、推广和盈利四大痛点,全面提升了服务质量和用户体验,旨在成为家政行业的领导者。
下一篇
无影云桌面