>  기사  >  웹 프론트엔드  >  uniapp에서 QQ 로그인을 테스트하는 방법

uniapp에서 QQ 로그인을 테스트하는 방법

王林
王林원래의
2023-05-26 09:59:38933검색

모바일 인터넷이 발전함에 따라 사용자 편의성과 경험을 향상시키기 위해 타사 로그인을 통합해야 하는 애플리케이션이 점점 더 많아지고 있습니다. QQ 로그인 액세스와 같은 일부 대규모 애플리케이션의 경우 필요해졌습니다. uniapp 개발 시 QQ 로그인 액세스의 효과와 기능을 테스트하는 방법은 무엇입니까? 이 글은 uniapp이 QQ 로그인을 테스트하는 방법을 소개하기 위해 다음과 같은 측면으로 나누어질 것입니다.

1. 테스트 전 준비

QQ 로그인 테스트를 진행하기 전, QQ 인터넷 공식 홈페이지에 신청하여 appkey, appsecret 등의 매개변수를 획득해야 하며, 적용된 애플리케이션 정보가 심사를 통과했는지도 확인해야 합니다. . 애플리케이션이 완료된 후 후속 테스트에 사용할 수 있도록 적용된 appkey, appsecret 및 기타 매개변수를 저장해야 합니다.

2. QQ 로그인 기능 테스트

유니앱 개발 시, 유니앱에서 공식적으로 제공하는 uni-login 플러그인을 사용하면 타사 로그인 기능에 빠르게 접근할 수 있습니다.

  1. uni-login 플러그인 설치

명령줄 도구를 열고 uniapp 프로젝트의 루트 디렉터리를 입력한 후 다음 명령을 입력하여 uni-login 플러그인을 설치하세요.

npm install -S @dcloudio/uni-login

설치가 완료되면 완료되면 후속 호출을 위해 uniapp /uni-login/authorize/authorize" 페이지의 Pages.json에 "pages/plugin"을 추가하세요.

  1. QQ 로그인 코드 작성

uniapp 개발 시 uni.login 메소드를 통해 uni-login 플러그인의 로그인 기능을 호출하여 QQ 로그인 기능을 구현할 수 있습니다. 코드는 다음과 같습니다:

uni.login({
    provider: 'qq',
    success: function (res) {
        console.log(res);
        uni.setStorageSync('token',res.code);
    }
});

그 중 공급자 매개변수는 타사 로그인 인터페이스의 이름이며 여기서는 "qq"입니다. 호출이 성공하면 사용자의 로그인 상태 코드(res.code)를 가져와 나중에 사용할 수 있도록 캐시에 저장할 수 있습니다.

  1. QQ 로그인 기능 테스트

QQ 로그인 기능 테스트 시 사용하는 휴대폰에 QQ 클라이언트가 설치되어 있는지 확인하고, 유니앱 개발 시 휴대폰 미리보기나 APP 패키징을 통해 테스트해야 합니다. . QQ 로그인 기능을 호출하면 인증된 로그인을 위해 QQ 클라이언트를 열 수 있습니다. 인증에 성공하면 사용자의 openid, 토큰 및 기타 정보가 반환됩니다.

테스트 도중 인증 실패가 발생할 수 있으니 주의하세요. 이는 QQ 클라이언트 또는 QQ 인터넷 계정이 완전히 설정되지 않아 발생할 수 있습니다. 관련 구성 정보를 확인하세요.

3.QQ 로그인 만료 시간 테스트

QQ 로그인에 성공한 후 토큰 정보를 저장하고 필요한 곳에 사용해야 합니다. 하지만 QQ 로그인 토큰에는 만료 시간이 있습니다. 만료 시간을 테스트하려면 uniapp 개발 시 uni.checkSession을 사용하여 토큰 만료 시간을 확인할 수 있습니다.

uni.checkSession({

success() {
    console.log('token未过期');
},
fail() {
   console.log('token已过期');
}

});

토큰의 만료 상태는 함수에서 반환된 값을 확인하여 확인할 수 있습니다.

4. 요약

위의 방법을 통해 QQ 로그인 기능을 빠르게 테스트하고 유니앱 개발 시 토큰 만료를 확인하여 사용자의 로그인 기능이 정상적으로 사용되는지 확인할 수 있습니다. 동시에 QQ 로그인 기능에 액세스할 때 인터페이스의 정확성을 보장하기 위해 관련 구성 정보를 주의 깊게 확인해야 합니다.

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.