评论

小程序隐私保护指引设置最优的无感方案(需要有用户登录流程)

一种非常机智的完成狗血隐私保护指引流程的设计方案,完美无瑕无懈可击

很简单,把 <button open-type="agreePrivacyAuthorization" /> 做成登录页中常见并且需要勾选的【已阅读并同意《用户协议》、《隐私协议》】的那个radio就行了

<template>
  <view>
    <view class="flex"><text>手机号</text><text>18612341234</text></view>
    <view class="flex"><text>短信验证码</text><text>1234</text></view>
    <button v-if="!isChecked" @click="handlegetPhonenumberFake">获取手机号(假)</button>
    <button v-else open-type="getPhoneNumber" @getphonenumber="handlegetPhonenumber"> 获取手机号(真)</button>
    <view class="flex">
      <button
        class="radio"
        :class="{ current: isChecked }"
        open-type="agreePrivacyAuthorization"
        @click="handleClick"
      />
      已阅读并同意《隐私协议》、《用户协议》
    </view>
    <button @click="handleLogin">登录</button>
  </view>
</template>
<script>
export default {
  data() {
    return { isChecked: false };
  },
  mounted() {},
  methods: {
    handlegetPhonenumberFake() {
      uni.showToast({
        title: '请先阅读并勾选隐私协议、用户协议',
        icon: 'none',
        duration: 2000,
      });
    },
    handlegetPhonenumber(event) {
      if (this.isChecked) {
        const { iv, code } = event.detail;
        console.log('iv', iv);
        console.log('code', code);
      } else {
        uni.showToast({
          title: '请先阅读并勾选隐私协议、用户协议',
          icon: 'none',
          duration: 2000,
        });
      }
    },
    handleClick() {
      this.isChecked = !this.isChecked;
    },
    handleLogin() {
      if (this.isChecked) {
        // 登录业务代码...

        // 登录成功后返回页面
        uni.navigateBack();
      } else {
        uni.showToast({
          title: '请先阅读并勾选隐私协议、用户协议',
          icon: 'none',
          duration: 2000,
        });
      }
    },
  },
};
最后一次编辑于  2023-09-04  
点赞 0
收藏
评论

3 个评论

  • 格竹悟道
    格竹悟道
    2023-09-07

    官方文档上直接这样就可以啊

    <button id="agree-btn1" open-type="getPhoneNumber|agreePrivacyAuthorization" bindgetphonenumber="handleGetPhoneNumber" bindagreeprivacyauthorization="handleAgreePrivacyAuthorization">同意隐私协议并授权手机号</button>
    
    2023-09-07
    赞同
    回复 2
    • 海越
      海越
      2023-09-14
      假设你的小程序有50个页面,其中20个页面使用到了不同的隐私函数,使用这个方法一次授权通过登录后,所有隐私函数都可以用了。其他页面的代码也不用任何改造
      2023-09-14
      回复
    • 李小妮儿
      李小妮儿
      06-21
      请问下这样手机号授权弹框下面有让阅读并同意隐私协议吗
      06-21
      回复
  • 铁坤
    铁坤
    2023-09-07

    代开发小程序也可以这样做吗

    2023-09-07
    赞同
    回复 1
    • 海越
      海越
      2023-09-08
      对的
      2023-09-08
      回复
  • ⅴ
    2023-09-05

    哈哈哈哈 牛逼

    2023-09-05
    赞同
    回复
登录 后发表内容