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

原创

已于 2025-02-17 14:40:47 修改 · 2.4k 阅读

32 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app #安全

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

前言：在移动应用开发中，隐私协议弹窗是一个非常重要的功能。它不仅符合法律法规的要求（如 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">《隐私权政策》</navigator>