uni-app实现手势登录及绑定微信功能

首先是前端的手势插件下载引用,可以去插件市场搜索,我用的这个
https://ext.dcloud.net.cn/plugin?id=49
下载引入就好了。

一、手势密码设定功能






手势密码界面如下:uni-app实现手势登录及绑定微信功能_第1张图片
设置完就是手势登录功能。

二、手势登录

手势登录代码




界面如下:uni-app实现手势登录及绑定微信功能_第2张图片

三、调用获取公众号信息接口前往重定向

uni-app实现手势登录及绑定微信功能_第3张图片
获取公众号信息接口调用成功,保存返回的appid和redirectUrl值,跳转重定向链接。重定向链接是后端设置,前端只需要拼接:window.location.href = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid='+appid+'&redirect_uri='+encodeURIComponent(redirectUri)+'&response_type=code&scope=snsapi_userinfo&state=ssdl#wechat_redirect'

四、新建空白页处理微信绑定






空白页一进入就,获取url中code的参数值,并通过绑定微信接口传过去。绑定成功保存用户信息即可。

你可能感兴趣的:(uni-app实现手势登录及绑定微信功能)