이 기사는 사용자 인증(코드 포함)을 안내하는 미니 프로그램에 대한 아이디어와 프로젝트 구현 방법에 대한 것입니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.
사용자 정보 인증
미니 프로그램에 의해 인증되지 않은 사용자의 경우 공식은 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!