사용자 인증을 안내하는 미니 프로그램 버튼 방법 소개(코드 예시)

이 글은 사용자 인증을 안내하는 미니 프로그램 버튼의 방법(코드 예제)을 소개합니다. 필요한 친구들이 참고할 수 있기를 바랍니다.

wx.getUserInfo(OBJECT) 참고: 이 인터페이스를 사용하면 인증 팝업 창이 더 이상 나타나지 않습니다. 사용자가 인증 작업을 적극적으로 수행하도록 안내하려면

<button open-type="getUserInfo"></button>

을 사용하세요. 승인되지 않은 인터페이스를 호출하면 오류가 직접 보고됩니다. 사용자가 승인되면 이 인터페이스를 사용하여 사용자 정보를 얻을 수 있습니다

따라서 위 버튼을 사용하여 사용자 승인을 요청해야 합니다

1.index.wxml

<button 
    wx:if="{{canIUse}}" 
    open-type="getUserInfo" 
    bindgetuserinfo="bindGetUserInfo"
>授权登录</button>
<view wx:else>请升级微信版本</view>

2.index.js

Page({
  data: {
    //判断小程序的API，回调，参数，组件等是否在当前版本可用。
    canIUse: wx.canIUse('button.open-type.getUserInfo')
  },
  onLoad: function () {
    // 查看是否授权
    wx.getSetting({
      success: function (res) {
        if (res.authSetting['scope.userInfo']) {
          wx.getUserInfo({
            success: function (res) {
              console.log(res.userInfo)
              //用户已经授权过
            }
          })
        }
      }
    })
  },
  bindGetUserInfo: function (e) {
    console.log(e.detail.userInfo)
    if (e.detail.userInfo) {
      //用户按了允许授权按钮
    } else {
      //用户按了拒绝按钮
    }
  }
})

참고: 팝업창이 나타나지 않는 경우 팝업창은 승인 없이만 나타나기 때문에 이전에 승인한 캐시로 인해 WeChat에서 승인한 팝업 창이 발생할 수 있습니다. 캐시

이 기사에 대한 참조: https://www.html.cn/study/ 20.html

위 내용은 사용자 인증을 안내하는 미니 프로그램 버튼 방법 소개(코드 예시)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!