uniapp-小程序登录授权框

原创

已于 2023-09-12 01:26:49 修改 · 3k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app #小程序

于 2023-09-12 01:26:21 首次发布

文章讲述了如何在微信小程序中避免直接弹出授权框，通过在‘我的’页面的模态框内引导用户点击授权，实现wx.getUserProfile功能。开发者分享了如何封装模态框组件，并利用微信登录接口获取用户信息。

微信官方文档

不弹出授权框原因

因为版本问题，目前的最新的版本是不支持 wx.getUserInfo 去主动弹出授权框只能引导用户去点击 butten 去授权

解决方法

我的思路是参考了其他的微信微信小程序, 就是跳转到'我的'页面的时候在钩子函数内去触发一个封装的模态框,状态由false 和true 去决定显示隐藏

然后在模态框内去放置一个按钮通过按钮去触发事件去调用微信支持的接口wx.getUserProfile

模态框组件的代码:

<template>
	<view>
		<view class="room-info-mask" v-if="myShow" @click="hide"></view>
		<view class="room-info animated" v-if="myShow" :class="{slideInUp: wrapper,slideOutDown: !wrapper}">
			<view class="title-wrapper">
				<view class="title">xxx申请</view>
				<view class="iconfont cl