评论

微信小程序隐私协议弹窗Uniapp组件

8 月 10 日微信官方发布公告 关于小程序隐私保护指引设置的公告,从 2023 年 9 月 15 日起必须用户点击同意隐私保护政策并同步给微信之后,开发者才可以调用微信提供的隐私接口。

本插件参考文章,如需原生小程序的可以看这个:https://cloud.tencent.com/developer/article/2317960

1. 下载插件

下载插件后将 /components/privacy-popup 文件夹复制到你项目的/components 目录下

2. 引入插件

如果只在某些页面引入,在对应页面引入插件,例如:登录页或者注册页

如果需要全局引入, 在 app.vue 引入js,在需要使用的页面引入template

复制代码

复制代码

    import PrivacyPopup from '@/components/privacy-popup/privacy-popup.vue';

    export default {
        components: {
            PrivacyPopup
        },
        data() {
            return {
                showPrivacyPopup: false,
            };
        },
        onLaunch: function() {

        },
        onShow() {

            // #ifdef MP-WEIXIN
            // 在设置 showPrivacyPopup = true 后使用 $nextTick, 
            if (wx.getPrivacySetting) {
                wx.getPrivacySetting({
                    success: (res) => {
                        if (res.needAuthorization) {
                            this.showPrivacyPopup = true;
                            this.$nextTick(() => {
                                if (this.$refs.privacyComponent) {
                                    this.$refs.privacyComponent.showPrivacy = true;
                                } else {

                                }
                            });
                        }
                    },
                });
            }

            // #endif
        },
        () {

        },
        onHide: function() {
            console.log('App Hide')
        }
    }

3. manifest.json

切换为源码视图中添加usePrivacyCheck

复制代码
  "mp-weixin" : {

          "__usePrivacyCheck__": true
    },



组件地址:https://ext.dcloud.net.cn/plugin?id=14288

最后一次编辑于  2023-08-28  
点赞 1
收藏
评论

1 个评论

  • JiaJieChen
    JiaJieChen
    2023-09-10

    用上了,方便,请到项目地址下载最新版和配置说明

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