uniapp이 WeChat 인증 로그인을 구현하는 방법

uniapp에서 WeChat 승인 로그인을 구현하는 방법: 먼저 해당 appid 및 appsecret을 얻은 다음 uniapp 프로젝트의 매니페스트.json에서 APP SDK 및 모듈 권한을 구성하고 마지막으로 코딩을 구현합니다.

이 튜토리얼의 운영 환경: windows7 시스템, uni-app2.5.1 버전 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

추천(무료): uni-app 개발 튜토리얼

uniapp에서 WeChat 인증 로그인 구현 방법:

(1) 앱에서 WeChat 인증을 구현하려면 먼저 신청해야 합니다. WeChat 공개 플랫폼에서 신청하고 해당 appid 및 appsecret을 받으세요.

지원서 작성 시 주의해야 할 두 곳이 있습니다:

지원서 패키지 이름: 아래에 표시된 위치에서 작성할 수 있습니다. 앱이 패키징된 경우:

애플리케이션 서명은 다음과 같습니다. WeChat 공개 플랫폼의 헤드 탐색 --- 리소스 센터 --- 리소스 다운로드, 모바일 소프트웨어를 다운로드하려면 클릭하고 애플리케이션 패키지 이름을 입력한 후 직접 입력하세요.

(2) APP SDK 구성 및 모듈 권한 구성을 위한 json의 매니페스트에서 (3) 마지막으로 공식 단계에 들어가 코딩을 시작합니다.

//app第三方登录
handleThirdLoginApp(){
console.log("App微信拉起授权")
var that=this
uni.getProvider({
    service: 'oauth',
    success: function(res) {
        console.log(res.provider);
        //支持微信、qq和微博等
        if (~res.provider.indexOf('weixin')) {
            uni.login({
              provider: 'weixin',
              success: function (loginRes) {
  console.log("App微信获取用户信息成功",loginRes);
                  that.getApploginData(loginRes)  //请求登录接口方法
              },
              fail:function(res){
              console.log("App微信获取用户信息失败",res);
              }
            })
        }
    }
});
},
//请求登录接口方法
getApploginData(data){
var that =this
//这边是前端自己去调微信用户信息的接口，根据接口需要请求，如果不需要前端去获取的话就交给后端，可省去次操作
uni.request({
url: "https://api.weixin.qq.com/sns/userinfo?access_token="+data.authResult.access_token+"&openid="+data.authResult.openid,
method: 'GET',
dataType: 'json',
header: {
  'content-type': 'application/x-www-form-urlencoded' // 默认值
},
success(res) {
console.log('【登录回调啾啾啾】',res)
that.$api.ajax('smdc/index/applogin', res.data,function(ret){
console.log("登录接口成功回调：",ret)
},'POST',true)
},fail() {
}
})
}

관련 무료 학습 권장사항:

php 프로그래밍

(동영상)

위 내용은 uniapp이 WeChat 인증 로그인을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!