기린 자 Cocos Creator 실 용적 인 기술 1: 위 챗 프로필 사진 을 어떻게 정확하게 표시 합 니까?

게임 앱 이 든 H5 든 위 챗 게임 이 든.위 챗 로그 인 애플 리 케 이 션 에 접속 하면 위 챗 프로필 사진 을 표시 해 야 할 수도 있다.
Cocos Creator 에서 흔히 볼 수 있 는 디 스 플레이 방법 은 다음 과 같 습 니 다.

var headimg = 'http://thirdwx.qlogo.cn/mmopen/vi_32/DYAIOgq83erD6MOUwRKV9NyBAqnoFDTnltzAe2zWOkKxyDOFibVBb1ZV5CaATJwYAuNqZ5sXMBC4c8iacaHDf8RA/132';

cc.loader.load({url:headimg,type:'jpg'},function(err,tex){
    self.icon.spriteFrame = new cc.SpriteFrame(tex);
});

이렇게 하 는 것 은 대부분 상황 에서 문제 가 없다.두 개의 구 덩이 를 밟 기 쉽다.

사용자 가 위 챗 에 올 린 프로필 사진 이 jpg 형식 이 아니라면 블랙 스크린

으로 표 시 됩 니 다.

H5 에서 상기 코드 를 사용 하면 도 메 인 방문

을 알려 줍 니 다.
최근 (오늘 날짜 2019 - 04 - 22) 안 드 로 이 드 시스템 7.0 + 기기 가 4G 네트워크 에서 위 챗 프로필 사진 을 제대로 표시 하지 못 하 는 이상 한 일이 새로 생 겼 다. 텐 센트 를 포함 한 환락 투 지주 차 트 도 나 오지 않 는 다.
 
이 문 제 는 4G 의 Android 7.0 + HTTP 헤드 가 다른 환경 에서 다 르 기 때문에 텐 센트 가 프로필 방문 을 거절 한 것 으로 추정 된다. 어떤 음 을 봉쇄 할 때 잘못 다 친 것 같다.
이 문 제 를 해결 하 는 가장 직접적인 방법 은 자신의 서버 에 NGINX 퍼 가기 프로 토 콜 을 설정 하 는 것 이다. 

server {
        listen       80;
        #server_name  h5.ooxx.cn;

        root        /root/wwwroot/;

        location /image {
            proxy_redirect off;
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_pass  $arg_url;
        }
    }

만약, 우리 의 외부 네트워크 IP 나 도 메 인 이름 이 h5. ooxx. cn 이 라면, 포트 는 80 또는 기타 입 니 다. 우 리 는 위의 방문 방식 을 다음 과 같이 수정 합 니 다.

var headimg = 'http://thirdwx.qlogo.cn/mmopen/vi_32/DYAIOgq83erD6MOUwRKV9NyBAqnoFDTnltzAe2zWOkKxyDOFibVBb1ZV5CaATJwYAuNqZ5sXMBC4c8iacaHDf8RA/132';
var url = 'http://h5.ooxx.cn:port/image?url=' + headimg + '&sb=213.jpg'; 
cc.loader.load(url,function(err,tex){
    self.icon.spriteFrame = new cc.SpriteFrame(tex);
});

이렇게 고 친 이 유 는 다음 과 같다.
1. 만약 에 H5 프로젝트 를 한다 면 h5. ooxx. cn 도 메 인 이름 은 바로 당신 의 페이지 에 도 메 인 이름 을 불 러 오 는 것 입 니 다. 그러면 같은 도 메 인 에 있 을 것 입 니 다. 더 이상 도 메 인 문제 가 없습니다.
2. 우리 가 마지막 으로 합성 한 url 을 요청 할 때 NGINX 는 url 인 자 를 요청 주소 로 전송 하고 얻 은 정 보 를 원래 의 길 로 되 돌려 줍 니 다. 우리 가 추가 한 proxyredirect off; 우리 시스템 기종 에 추 가 된 다양한 HTTP HEADER 를 지 울 것 입 니 다. 안 드 로 이 드 7.0 + 4G 망 에 불 러 올 수 없 는 문제 가 더 이상 발생 하지 않 습 니 다.
3. & sb = 213. jpg 인 자 를 추가 하 는 것 은 cc. loader. load 함수 가 그림 로 딩 을 인식 하도록 하 는 것 입 니 다. 그러나 강제로 type 을 작성 하 는 것 이 아니 기 때문에 PNG 라 도 정상적으로 표시 할 수 있다.
 
이상 은 기린 자가 프로젝트 를 할 때 위 챗 프로필 사진 과 제3자 서버 사진 을 해결 하 는 최종 방안 입 니 다. 도움 이 됐 으 면 좋 겠 습 니 다.