미니 프로그램은 사용자 인증 아이디어와 프로젝트 구현 방법을 안내합니다(코드 포함).

이 기사는 사용자 인증(코드 포함)을 안내하는 미니 프로그램에 대한 아이디어와 프로젝트 구현 방법에 대한 것입니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

사용자 정보 인증

미니 프로그램에 의해 인증되지 않은 사용자의 경우 공식은 wx.getUserInfo 메소드의 직접 호출을 취소합니다. 공식 인증 구성요소를 활성화하려면 사용자 정의 버튼을 적극적으로 트리거해야 합니다.

얻을 수 있는 것은 닉네임, 아바타, 성별, 국가, 지방, 도시, 성별, 언어

생각하는 단계

1.wx.getSetting이 승인되었는지 확인하는 것

2.wx.getUserInfo를 사용하여 사용자를 얻을 수 있는 권한이 부여됩니다. 정보를 저장하고

3. 승인되지 않은 버튼이 있는 사용자 정의 페이지, binGetUserInfo는 사용자 정보를 반환하고 버튼은 WeChat 공식 인증

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

4을 호출하여 사용자 정보

프로젝트 구현

1. js------로그인에 넣었습니다.

// 查看是否授权,保存授权状态
    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------프로젝트 메인 페이지

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

3.main.js------onload 후 표시 여부를 결정합니다. 사용자 정의 버튼

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

4.main .json----메인 페이지 구성 매개변수

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

5.authorize.js------JS만 승인하는 버튼으로 페이지/팝업 구성 요소를 사용자 정의합니다. 일부는 여기에 게시됩니다

/*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()
        }

    }
})

이렇게 하면 전체 인증이 완료됩니다!

위 내용은 미니 프로그램은 사용자 인증 아이디어와 프로젝트 구현 방법을 안내합니다(코드 포함).의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!