8 луна 10 Официальное объявление японского WeChat Объявление об установлении правил защиты конфиденциальности для мини-программ,от 2023 Год 9 луна 15 Отныне разработчики должны нажать кнопку «Согласиться с политикой защиты конфиденциальности» и синхронизировать ее с WeChat, прежде чем разработчики смогут вызвать интерфейс конфиденциальности, предоставляемый WeChat.

Запросить соответствующую информацию

Интерфейсы или компоненты, связанные с конфиденциальностью, включают сбор псевдонимов/аватаров, информации о местоположении, номеров мобильных телефонов, выбранных файлов и т. д. 18 группа, которую можно посмотреть в официальной документации мини программы Интерфейс, связанный с конфиденциальностью,Большинство небольших программ должны иметь как минимум один или два интерфейса конфиденциальности.,Если не обработано,9 луна После 15-го числа интерфейсы, связанные с приватностью, будут недоступны.,Все, что нужно сделать разработчику, — это создать всплывающее окно, предлагающее пользователям прочитать правила защиты конфиденциальности.,существует Пользователь нажимает кнопку «Согласен», а затем синхронизирует его с WeChat.,Только тогда WeChat позволил разработчикам вызывать интерфейсы конфиденциальности.,Он также определяет, нажал ли пользователь кнопку.

Официальный пример

первый,Когда дело доходит до конфиденциальности, Мини-программа должна установить «Руководство по защите конфиденциальности пользователей мини-программы» в «Бэкэнде управления мини-программой».,WeChat предоставляет разработчикам в общей сложности 4 интерфейса.,Они есть

1. wx.getPrivacySetting：Проверьте статус авторизации конфиденциальности
2. wx.openPrivacyContract：Перейти на страницу соглашения о конфиденциальности
3. wx.onNeedPrivacyAuthorization：Интерфейс мониторинга конфиденциальности требует событий авторизации пользователя
4. wx.requirePrivacyAuthorize : Имитация вызовов интерфейса конфиденциальности и запуск логики всплывающих окон конфиденциальности.

анализировать

Разработчики могут открыть всплывающее окно, когда им нужно вызвать интерфейс конфиденциальности или когда мини-программа открыта, и им нужно авторизовать ее только один раз. После авторизации, пока пользователь не удаляет мини-программу, они могут продолжать работу. вызвать все используемые интерфейсы конфиденциальности. После некоторых исследований я выбираю, требуется ли авторизация при отображении страницы. После авторизации авторизация больше не требуется. Окончательный процесс определения выглядит следующим образом.

1. Когда страница отображаетсяиспользовать wx.getPrivacySetting Интерфейс определяет, требуется ли авторизация, и при необходимости отображает всплывающее окно;
2. Пользователь нажимает, чтобы просмотреть рекомендации по защите конфиденциальности,использовать wx.openPrivacyContract Интерфейс открывает страницу руководства по защите конфиденциальности;
3. Пользователь возвращается на всплывающую страницу;
4. Пользователь нажимает «Отклонить», чтобы напрямую закрыть мини-программу, и пользователь нажимает «Согласен», чтобы синхронизировать ее с WeChat и закрыть всплывающее окно;

Учитывая, что пользователи могут напрямую входить в интерфейс, которому необходимо вызывать интерфейс конфиденциальности посредством совместного использования, сканирования QR-кодов и т. д., а код необходимо использовать повторно несколько раз, более целесообразно писать его напрямую как компонент. вне компонента, тем лучше.

Компоненты разработки

Всплывающий интерфейс

Сначала заполните интерфейс компонента, создайте компонент папки компонента, затем создайте подпапку конфиденциальности, а затем создайте компонент конфиденциальности. Компонент представляет собой полноэкранную маску и всплывающее окно по центру, в котором отображаются заголовок, описание, отказ и согласие. button , коды wxml и wxss следующие:

<!--component/privacy/privacy.wxml-->
<view class="privacy" wx:if="{{showPrivacy}}">
    <view class="content">
        <view class="title">Рекомендации по конфиденциальности</view>
        <view class="des">
            существоватьиспользоватьдо настоящего мини-программного сервиса,Пожалуйста, прочитайте внимательно<text class="link" bind:tap="openPrivacyContract">{{privacyContractName}}</text>。если ты согласен{{privacyContractName}},Пожалуйста, нажмите «Согласен», чтобы начать.
        </view>
        <view class="btns">
            <button class="item reject" bind:tap="exitMiniProgram">отклонять</button>
            <button id="agree-btn" class="item agree" open-type="agreePrivacyAuthorization" bindagreeprivacyauthorization="handleAgreePrivacyAuthorization">соглашаться</button>
        </view>
    </view>
</view>

/* component/privacy/privacy.wxss */
.privacy {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 9999999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content {
    width: 632rpx;
    padding: 48rpx;
    box-sizing: border-box;
    background: #fff;
    border-radius: 16rpx;
}

.content .title {
    text-align: center;
    color: #333;
    font-weight: bold;
    font-size: 32rpx;
}

.content .des {
    font-size: 26rpx;
    color: #666;
    margin-top: 40rpx;
    text-align: justify;
    line-height: 1.6;
}

.content .des .link {
    color: #07c160;
    text-decoration: underline;
}

.btns {
    margin-top: 48rpx;
    display: flex;
}

.btns .item {
    justify-content: space-between;
    width: 244rpx;
    height: 80rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16rpx;
    box-sizing: border-box;
    border: none;
}

.btns .reject {
    background: #f4f4f5;
    color: #909399;
}

.btns .agree {
    background: #07c160;
    color: #fff;
}

// component/privacy/privacy.js
Component({
    /**
     * Исходные данные компонента
     */
    data: {
        privacyContractName: '',
        showPrivacy: false
    },
    /**
     * Жизненный цикл компонента
     */
    pageLifetimes: {
        show() {
            const _ = this
            wx.getPrivacySetting({
                success(res) {
                    if (res.needAuthorization) {
                        _.setData({
                            privacyContractName: res.privacyContractName,
                            showPrivacy: true
                        })
                    }
                }
            })
        }
    },
    /**
     * Список методов компонента
     */
    methods: {
        // Откройте страницу соглашения о конфиденциальности
        openPrivacyContract() {
            const _ = this
            wx.openPrivacyContract({
                fail: () => {
                    wx.showToast({
                        title: «Обнаружена ошибка»,
                        icon: 'error'
                    })
                }
            })
        },
        // Отклонить соглашение о конфиденциальности
        exitMiniProgram() {
            // Выйдите из мини-программы напрямую
            wx.exitMiniProgram()
        },
        // Согласен с политикой конфиденциальности
        handleAgreePrivacyAuthorization() {
            const _ = this
            _.setData({
                showPrivacy: false
            })
        },
    },
})

После завершения создания компонента нам нужно только ссылаться на компонент на всех страницах, использующих интерфейс конфиденциальности.

использовать

1. использоватьчас,существовать page.json Импортируйте компоненты в

{
    "usingComponents": {
        "Privacy": "/component/privacy/privacy"
    }
}

2. существовать page.wxml серединаиспользоватькомпоненты

<Privacy />

3. Вы можете добавить этот компонент во все существующие интерфейсы конфиденциальности. После авторизации один раз все интерфейсы конфиденциальности больше не требуют авторизации.

На что следует обратить внимание

1. 2023 Год 9 луна 15 До создания учетной записи функции, связанные с конфиденциальностью, не были включены по умолчанию, поэтому необходимость во всплывающих окнах не была обнаружена. Вы можете существовать. app.json Средняя конфигурация "__usePrivacyCheck__": true После этого интерфейс может определить, необходимо ли всплывающее окно. Личная реальная ситуация: Я существую Инструменты разработчика Средний конфигурация Понятно "__usePrivacyCheck__": true ,wx.getPrivacySetting Интерфейс res.needAuthorization В любом случае возвращается то, что false, но его можно вернуть в реальном машинном моделировании и в Интернете. true ,возвращаться true Указывает, что требуется авторизация, и отображается всплывающее окно.
2. Для автоматического открытия существующего интерфейса руководства по защите конфиденциальности требуется «Бэкенд управления мини-программой» для настройки «Руководства по защите конфиденциальности пользователей мини-программы».,Подробную информацию см.Инструкция по заполнению официального руководства по защите конфиденциальности пользователей。

Как отменить авторизацию для отладки

• В WeChat вы можете отменить авторизацию, удалив мини-программу в «Выпадающий список WeChat — недавние — недавние мини-программы».
• «Очистить кэш эмулятора — очистить данные авторизации» в инструментах разработчика позволяет отменить авторизацию.

Открытый исходный код

Код статьи существует GitHub Открытый исходный код,Ссылка на проект：https://github.com/94xy/miniprogram-privacy

Идеи выбора темы

После анонса «Настройки мини-программы по защите конфиденциальности» были выпущены.,Разработчикам необходимо, чтобы существующие пользователи согласились с политикой защиты конфиденциальности, прежде чем они смогут использовать интерфейс конфиденциальности, предоставляемый WeChat. В этой статье мы хотим рассказать, как установить правила защиты конфиденциальности в существующей мини-программе.,А компонент use реализует функцию всплывающего окна, предлагающего пользователям прочитать правила защиты конфиденциальности. В статье кратко изложены конкретный процесс и метод использования.,и предоставил Открытый исходный код-код предоставляет разработчикам способ решить эту проблему.

Творческий план

1. Введение в предысторию
2. Введение соответствующей информации
3. анализировать Лучшее решение
4. Процесс разработки компонента и код
5. Компоненты, разработанные использовать
6. На что следует обратить внимание