uniapp开发：首次进入 App 弹出隐私协议窗口

海绵宝宝不喜欢侬

已于 2025-02-17 14:40:47 修改

阅读量1.9k

点赞数 28

分类专栏： uniapp 文章标签： uni-app 安全

于 2025-02-17 14:34:39 首次发布

本文链接：https://blog.csdn.net/m0_58953167/article/details/145681859

版权

前言：在移动应用开发中，隐私协议弹窗是一个非常重要的功能。它不仅符合法律法规的要求（如 GDPR、CCPA 等），还能增强用户对 App 的信任感。本文将介绍如何在 Uniapp 开发的 App 中实现“首次进入弹出隐私协议窗口，用户确认后进入，否则退出 App”的功能。

实现思路：一、自定义协议弹框组件，用户点击同意按钮时，存储flag值为true；二、引入到登录页面，首次进入页面判断flag值，ture则代表非首次进入，无需弹出，无或者false则需要弹窗；

一、自定义组件：

（1）根目录新建components文件夹，新建组件privacy-agreement，如图：

在这里插入图片描述
（2）组件内部代码实现 privacy-agreement.vue：

<template>
	<u-popup :show="show" mode="center" bgColor="transparent" zIndex="10077">
		<view class="privacy_con">
			<view class="title">用户隐私政策</view>
			<view class="content_privacy">
				<text>欢迎使用小绿人APP！为了更好的向您提供服务，我们需要收集您的相关信息，在您使用APP前，请务必审慎阅读、充分理解“用户隐私政策”和“CFCA数字证书服务协议”各条款，您可阅读</text>
				<navigator url="/pages/agreement/index?agreement=1" class="navigator">《用户服务协议》</navigator>
				<text>和</text>
				<navigator url="/pages/agreement/index?agreement=2" class="navigator">