Un mini programme guide les idées d'autorisation des utilisateurs et les méthodes de mise en œuvre du projet (avec code)

Ce que cet article vous apporte concerne les idées et les méthodes de mise en œuvre de projets pour les mini-programmes permettant de guider l'autorisation des utilisateurs (avec code). J'espère qu'il sera utile aux amis dans le besoin. toi. .

Autorisation des informations utilisateur

Pour les utilisateurs qui ne sont pas autorisés par le mini programme, le site officiel annule l'appel direct de la méthode wx.getUserInfo. La première autorisation doit déclencher activement le bouton personnalisé avant. le composant officiel autorisé peut être appelé

Les informations qui peuvent être obtenues sont : surnom, avatar, sexe, pays, province, ville, sexe, langue

Choses et étapes

1 . Utilisez wx.getSetting pour vérifier s'il est autorisé

2. Autorisé à utiliser wx.getUserInfo pour obtenir des informations utilisateur, enregistrez

3. Affichage non autorisé d'une page personnalisée avec le bouton, bindGetUserInfo le fera. renvoie les informations de l'utilisateur et le bouton appellera l'autorisation officielle de WeChat

<button open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">允许用户授权</button>

4. Enregistrez les informations de l'utilisateur une fois l'autorisation terminée

Mise en œuvre du projet

1. ---Je l'ai mis après la méthode de connexion

// 查看是否授权,保存授权状态
    wx.getSetting({
        success: function(res) {
            if (res.authSetting['scope.userInfo']) {
                wx.setStorageSync('isAuthorize', 'true');
                wx.getUserInfo({
                    success: function(res) {
                        wx.setStorageSync('userInfo', res.rawData);
                    }
                })
            } else {
                wx.setStorageSync('isAuthorize', 'false');
            }
        }
    })

2. main.wxml------Page principale du projet

<!-- 小程序授权组件 -->
<authorize id="authorize"></authorize>

3. bouton dans main.js------onload

// 已授权隐藏弹框，未授权显示弹框
this.authorize = this.selectComponent("#authorize");
if (wx.getStorageSync('isAuthorize')=='true'){
    this.authorize.hideDialog()
}

4. main.json-----Paramètres de configuration de la page principale

"usingComponents": {
    "authorize": "自定义授权组件的路径"
}

5. -----Personnalisez le composant page/pop-up avec le bouton autoriser, seule la partie js est publiée ici

/*authorize.js*/
Component({
    options: {
        multipleSlots: true
    },

    data: {
        isHide: false,
        canIUse: wx.canIUse('button.open-type.getUserInfo')
    },

    methods: {

        //隐藏弹框
        hideDialog() {
            this.setData({
                isHide: true
            })
        },
        // 授权信息保存
        bindGetUserInfo(e){
            wx.setStorageSync('isAuthorize', 'true');
            wx.setStorageSync('userInfo', JSON.stringify(e.detail.userInfo));
            this.hideDialog()
        }

    }
})

De cette façon, toute l'autorisation est terminée !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!