uni-app打包app -- 在用户首次启动 App 时,强制弹出一个“用户协议与隐私政策”的确认对话框。

需求

需要实现在用户首次启动 App 时,强制弹出一个"用户协议与隐私政策"的确认对话框,用户必须点击"同意"才能继续使用,否则退出应用。

实现

在 manifest.json 中添加 关于 隐私协议弹窗提示(Privacy Prompt) 的配置。

typescript 复制代码
"privacy": {
  "version": "1",
  "prompt": "template",
  "template": {
    "title": "用户协议和隐私政策",
    "message": "为了更好地为您提供服务,请您仔细阅读本"用户协议及隐私政策"......<br/>  你可阅读<a href=\"...\">《用户协议》</a>和<a href=\"...\">《隐私政策》</a>了解详细信息。如果你同意,请点击同意按钮开始接受我们的服务。",
    "buttonAccept": "同意",
    "buttonRefuse": "退出",
    "hrefLoader": "system"
  }
}

实际效果(用户视角):

当用户第一次打开 App 时,会看到一个模态弹窗:

typescript 复制代码
┌──────────────────────────────┐
│   用户协议和隐私政策         │
│                              │
│  为了更好地为您提供服务......   │
│  你可阅读《用户协议》和      │
│  《隐私政策》了解详细信息。  │
│  如果你同意,请点击同意按钮... │
│                              │
│        [退出]      [同意]     │
└──────────────────────────────┘
  • 点击 《用户协议》 或 《隐私政策》 → 在手机系统浏览器中打开对应网页
  • 点击 "同意" → 关闭弹窗,进入 App 主界面
  • 点击 "退出" → App 退出(通常调用 plus.runtime.quit())

参考

相关推荐
字节逆旅8 小时前
ubuntu应用深度守护
ubuntu
codingWhat18 小时前
小程序里「嵌」H5:一套完整可落地的 WebView 集成方案
前端·uni-app·webview
小时前端2 天前
微信小程序选不了本地文件?用 web-view + H5 一招搞定
前端·微信小程序·uni-app
YuMiao2 天前
gstatic连接问题导致Google Gemini / Studio页面乱码或图标缺失问题
服务器·网络协议
Mr_li3 天前
给 Vue 开发者的 uni-app 快速指南
vue.js·uni-app
anyup3 天前
🔥2026最推荐的跨平台方案:H5/小程序/App/鸿蒙,一套代码搞定
前端·uni-app·harmonyos
Mintopia4 天前
Vue3 项目如何迁移到 uni-app x:从纯 Web 到多端应用的系统指南
uni-app
Mintopia4 天前
uni-app x 发展前景技术分析:跨端统一的新阶段?
uni-app
不爱说话郭德纲5 天前
告别漫长的HbuilderX云打包排队!uni-app x 安卓本地打包保姆级教程(附白屏、包体积过大排坑指南)
android·前端·uni-app
Sinclair5 天前
简单几步,安卓手机秒变服务器,安装 CMS 程序
android·服务器