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())

参考

相关推荐
Vue10242 小时前
uniapp 使用renderjs 封装 video-player 视频播放器, html5视频播放器-解决视频层级、覆盖、播放卡顿
uni-app·音视频·html5
黑云压城After2 小时前
纯css实现加载动画
服务器·前端·css
钱端工程师2 小时前
uniapp封装uni.request请求,实现重复接口请求中断上次请求(防抖)
前端·javascript·uni-app
茶憶2 小时前
uni-app app移动端实现纵向滑块功能,并伴随自动播放
javascript·vue.js·uni-app·html·scss
dcloud_jibinbin2 小时前
【uniapp】解决小程序分包下的json文件编译后生成到主包的问题
前端·性能优化·微信小程序·uni-app·vue·json
茶憶2 小时前
uniapp移动端实现触摸滑动功能:上下滑动展开收起内容,左右滑动删除列表
前端·javascript·vue.js·uni-app
蒲公英源码2 小时前
uniapp开源ERP多仓库管理系统
mysql·elementui·uni-app·php
shykevin2 小时前
uni-app x开发商城系统,小程序发布,h5发布,安卓打包
android·小程序·uni-app
且白2 小时前
uniapp接入安卓端极光推送离线打包
android·uni-app