웹 프론트엔드 JS 튜토리얼 WeChat 애플릿에서 사용자 정보를 얻는 방법의 예

WeChat 애플릿에서 사용자 정보를 얻는 방법의 예

May 12, 2018 pm 05:04 PM
정보 미니 프로그램

이 글은 주로 WeChat 애플릿이 사용자 정보를 얻는 방법을 자세히 소개합니다. 관심 있는 친구들이 참고할 수 있기를 바랍니다.

예를 들어 브라우저에서는 document.getElementById를 통해 페이지의 DOM 개체를 가져올 수 있습니다. 그러나 WeChat 애플릿에서는 DOM 개체를 얻을 수 없습니다. document.getElementById()는 getElementById가 작동하지 않는다는 오류를 직접 보고합니다. 저도 취했습니다. 이를 지원하지 않으면 많은 흥미로운 기능을 구현할 수 없습니다.
본론으로 돌아가서, 사용자 정보 획득에 대한 내 생각을 말씀드리겠습니다.

사용자 정보를 얻는 방법에는 두 가지가 있습니다.
1. 민감한 정보인 openId(닉네임, 아바타Url 등 기본 정보 포함)가 포함되지 않은 json 객체
2. 민감한 정보인 openId 등의 기본 정보가 포함되어 있습니다.

첫 번째 획득 솔루션

1. 먼저 wx.login() 인터페이스를 호출하여 사용자 인증 확인을 허용합니다. 이는 xxxxx 인증 여부를 육안으로 관찰하는 것입니다.
2. 사용자가 성공적으로 인증된 후 wx.getUserInfo() 인터페이스를 호출하여 사용자 정보를 얻습니다.

완전한 코드는 다음과 같습니다

wx.login({
 success:function(){
 wx.getUserInfo({
  success:function(res){
  var simpleUser = res.userInfo;
  console.log(simpleUser.nickName);
  }
 });
 }
});
로그인 후 복사

두 번째 코드는 더 복잡하고 userInfo를 얻기 위해 배경과의 상호 작용이 필요하지만 이 솔루션으로 얻은 데이터는 완전합니다(openId 포함).

1. wx.login() 인터페이스를 호출하여 성공 함수의 매개변수에 코드를 승인하고 포함합니다.
2.cryptedData 및 iv가 포함된 wx.getUserInfo() 인터페이스 성공 함수를 호출합니다.
3. 위 매개변수를 백그라운드 분석에 전달하여 userInfo를 생성합니다.

코드는 다음과 같습니다
js

var request = require("../../utils/request.js");

wx.login({
 success:function(res_login){
  if(res_login.code)
  {
  wx.getUserInfo({
   withCredentials:true,
   success:function(res_user){
   var requestUrl = "/getUserApi/xxx.php";
   var jsonData = {
    code:res_login.code,
    encryptedData:res_user.encryptedData,
    iv:res_user.iv
    };
   request.httpsPostRequest(requestUrl,jsonData,function(res){
   console.log(res.openId);
   });
   }
  })
  }
 }
 })
로그인 후 복사

백엔드 분석

/**
 * 获取粉丝信息
 * 其中的参数就是前端传递过来的
 */
public function wxUserInfo($code,$encryptedData,$iv)
{
 $apiUrl = "https://api.weixin.qq.com/sns/jscode2session?appid={$this->wxConfig['appid']}&secret={$this->wxConfig['appsecret']}&js_code={$code}&grant_type=authorization_code";

 $apiData = json_decode(curlHttp($apiUrl,true),true);

 if(!isset($apiData['session_key']))
 {
 echoJson(array(
  "code" => 102,
  "msg" => "curl error"
 ),true);
 }

 $userInfo = getUserInfo($this->wxConfig['appid'],$apiData['session_key'],$encryptedData,$iv);

 if(!$userInfo)
 {
 echoJson(array(
  "code" => 105,
  "msg" => "userInfo not"
 ));
 }

 //$userInfo = json_decode($userInfo,true);

 //载入用户服务
 //$userService = load_service("User");

 //$userService->checkUser($this->projectId,$userInfo);

 echo $userInfo; //微信响应的就是一个json数据
}
로그인 후 복사

getUserInfo 함수는 WeChat에서 공식적으로 제공하는 자료 패키지입니다.

curlHttp 함수는 이 함수의 소스 코드를 확인하세요. 내 글을 확인하세요.

app.globalData.host는

https://xxxxx.com

;

과 같은 도메인 이름 주소입니다. 관련 권장 사항:


사용자 정보를 얻기 위해 WeChat 애플릿을 구현하는 방법

Thinkphp5 사례 연구 사용자 정보 인터페이스를 얻기 위해 WeChat 애플릿을 구현하는 방법

사용자 정보에 대한 10가지 추천 기사를 얻는 방법

위 내용은 WeChat 애플릿에서 사용자 정보를 얻는 방법의 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

WeChat 미니 프로그램에서 카드 뒤집기 효과 구현 WeChat 미니 프로그램에서 카드 뒤집기 효과 구현 Nov 21, 2023 am 10:55 AM

WeChat 미니 프로그램에서 카드 뒤집기 효과 구현 WeChat 미니 프로그램에서 카드 뒤집기 효과를 구현하는 것은 사용자 경험과 인터페이스 상호 작용의 매력을 향상시킬 수 있는 일반적인 애니메이션 효과입니다. 다음은 WeChat 애플릿에서 카드 뒤집기 효과를 구현하는 방법을 자세히 소개하고 관련 코드 예제를 제공합니다. 먼저, 미니 프로그램의 페이지 레이아웃 파일에 두 개의 카드 요소를 정의해야 합니다. 하나는 앞면 내용을 표시하기 위한 것이고 다른 하나는 뒷면 내용을 표시하기 위한 것입니다. <--index.wxml- ->&l

Windows 11에서 GPU를 가져오고 그래픽 카드 세부 정보를 확인하는 방법 Windows 11에서 GPU를 가져오고 그래픽 카드 세부 정보를 확인하는 방법 Nov 07, 2023 am 11:21 AM

시스템 정보 사용 시작을 클릭하고 시스템 정보를 입력합니다. 아래 이미지에 표시된 대로 프로그램을 클릭하기만 하면 됩니다. 여기에서는 대부분의 시스템 정보를 찾을 수 있으며, 그 중 하나는 그래픽 카드 정보입니다. 시스템 정보 프로그램에서 구성 요소를 확장한 다음 표시를 클릭합니다. 프로그램이 필요한 모든 정보를 수집하도록 하고, 준비가 되면 시스템에서 그래픽 카드별 이름과 기타 정보를 찾을 수 있습니다. 그래픽 카드가 여러 개 있더라도 여기에서 컴퓨터에 연결된 전용 및 통합 그래픽 카드와 관련된 대부분의 콘텐츠를 찾을 수 있습니다. 장치 관리자 사용 Windows 11 대부분의 다른 Windows 버전과 마찬가지로 장치 관리자에서 컴퓨터의 그래픽 카드를 찾을 수도 있습니다. 시작을 클릭한 다음

Alipay, 희귀 문자 라이브러리를 수집하고 보완하는 '한자 따기-희귀 문자' 미니 프로그램 출시 Alipay, 희귀 문자 라이브러리를 수집하고 보완하는 '한자 따기-희귀 문자' 미니 프로그램 출시 Oct 31, 2023 pm 09:25 PM

10월 31일 이 사이트의 소식에 따르면 올해 5월 27일 Ant Group은 '한자 선택 프로젝트'를 시작한다고 발표했으며 최근 새로운 진전을 보였습니다. Alipay는 '한자 선택 - 흔하지 않은 문자' 미니 프로그램을 출시했습니다. 희귀 캐릭터는 희귀 캐릭터 라이브러리를 보완하고 희귀 캐릭터에 대한 다양한 입력 경험을 제공하여 Alipay의 희귀 캐릭터 입력 방법을 개선하는 데 도움을 줍니다. 현재 사용자는 "한자픽업", "희귀문자" 등의 키워드를 검색하여 "특수문자" 애플릿에 진입할 수 있습니다. 미니 프로그램에서 사용자는 시스템에서 인식 및 입력되지 않은 희귀 문자의 사진을 제출할 수 있으며 확인 후 Alipay 엔지니어가 글꼴 라이브러리에 추가 항목을 작성합니다. 이 웹사이트에서는 미니 프로그램에서도 최신 문자 분할 입력 방식을 경험할 수 있다고 밝혔습니다. 이 입력 방식은 발음이 불분명한 희귀 문자를 위해 설계되었습니다. 사용자 해체

NameDrop과 연락처 정보를 공유하는 방법: iOS 17용 방법 가이드 NameDrop과 연락처 정보를 공유하는 방법: iOS 17용 방법 가이드 Sep 16, 2023 pm 06:09 PM

iOS 17에는 두 개의 iPhone을 터치하여 누군가와 연락처 정보를 교환할 수 있는 새로운 AirDrop 기능이 있습니다. NameDrop이라고 하며 작동 방식은 다음과 같습니다. 전화를 걸거나 문자를 보내기 위해 새로운 사람의 전화번호를 입력하는 대신, NameDrop을 사용하면 iPhone을 상대방의 iPhone 근처에 두기만 하면 연락처 정보를 교환하여 상대방이 귀하의 전화번호를 알 수 있습니다. 두 장치를 함께 놓으면 연락처 공유 인터페이스가 자동으로 나타납니다. 팝업을 클릭하면 개인의 연락처 정보와 연락처 포스터가 표시됩니다(iOS17의 새로운 기능인 자신의 사진을 사용자 정의하고 편집할 수도 있습니다). 이 화면에는 "수신만" 또는 응답으로 자신의 연락처 정보를 공유하는 옵션도 포함되어 있습니다.

uniapp이 미니 프로그램과 H5 간의 빠른 전환을 달성하는 방법 uniapp이 미니 프로그램과 H5 간의 빠른 전환을 달성하는 방법 Oct 20, 2023 pm 02:12 PM

유니앱이 미니 프로그램과 H5 사이를 빠르게 전환하려면 구체적인 코드 예제가 필요합니다. 최근 모바일 인터넷의 발전과 스마트폰의 대중화로 인해 미니 프로그램과 H5는 필수 애플리케이션 형태가 되었습니다. 크로스 플랫폼 개발 프레임워크인 uniapp은 코드 세트를 기반으로 작은 프로그램과 H5 간의 변환을 신속하게 실현하여 개발 효율성을 크게 향상시킬 수 있습니다. 이 기사에서는 uniapp이 미니 프로그램과 H5 간의 신속한 변환을 달성하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. 1. 유니앱 유니아 소개

iPhone에서 NameDrop이 작동하는 방식(및 비활성화하는 방법) iPhone에서 NameDrop이 작동하는 방식(및 비활성화하는 방법) Nov 30, 2023 am 11:53 AM

iOS17에는 아이폰 두 대를 동시에 터치해 누군가와 연락처 정보를 교환할 수 있는 새로운 에어드롭(AirDrop) 기능이 있다. NameDrop이라고 하며 실제 작동 방식은 다음과 같습니다. NameDrop을 사용하면 전화를 걸거나 문자를 보낼 때 새로운 사람의 전화번호를 입력할 필요가 없어 상대방이 귀하의 전화번호를 알 수 있습니다. iPhone을 상대방의 iPhone에 가까이 갖다 대기만 하면 연락처 정보를 교환할 수 있습니다. 두 장치를 함께 놓으면 연락처 공유 인터페이스가 자동으로 나타납니다. 팝업을 클릭하면 사람의 연락처 정보와 연락처 포스터(사용자 정의하고 편집할 수 있는 자신의 사진, iOS 17의 새로운 기능)가 표시됩니다. 이 화면에는 "수신 전용"도 포함되어 있거나 이에 대한 응답으로 자신의 연락처 정보를 공유할 수 있습니다.

WeChat에서 메시지 수신이 지연되는 이유는 무엇입니까? WeChat에서 메시지 수신이 지연되는 이유는 무엇입니까? Sep 19, 2023 pm 03:02 PM

WeChat의 정보 수신이 지연되는 이유는 네트워크 문제, 서버 부하, 버전 문제, 장치 문제, 메시지 전송 문제 또는 기타 요인 때문일 수 있습니다. 자세한 소개: 1. 네트워크 문제 WeChat의 정보 수신 지연은 네트워크 연결과 관련이 있을 수 있습니다. 네트워크 연결이 불안정하거나 신호가 약한 경우 휴대폰이 지연될 수 있습니다. 2. 서버 부하가 높을 때, 특히 바쁜 시간이나 많은 사용자가 WeChat을 사용할 때 정보 전송이 지연될 수 있습니다. 같은 시간 등등

위챗 미니 프로그램 회원가입 방법 위챗 미니 프로그램 회원가입 방법 May 07, 2024 am 10:24 AM

1. WeChat 미니 프로그램을 열고 해당 미니 프로그램 페이지로 들어갑니다. 2. 미니 프로그램 페이지에서 회원 관련 입구를 찾으세요. 일반적으로 회원 입구는 하단 네비게이션 바 또는 개인 센터에 있습니다. 3. 멤버십 포털을 클릭하여 멤버십 신청 페이지로 이동합니다. 4. 회원가입신청 페이지에서 휴대폰번호, 이름 등 관련 정보를 입력하신 후, 가입신청을 해주세요. 5. 미니 프로그램은 회원 가입 신청서를 검토한 후, 사용자는 위챗 미니 프로그램의 회원이 될 수 있습니다. 6. 이용자는 회원이 되면 포인트, 쿠폰, 회원전용 이벤트 등 더 많은 회원권을 누릴 수 있습니다.

See all articles