WeChat 미니 프로그램 개발 관련 질문에 대한 솔루션 요약

이 글은 주로 WeChat 미니 프로그램 개발에 관한 다양한 질문과 답변을 요약한 것입니다. 이 글은 WeChat 미니 프로그램 개발에서 발생할 수 있는 모든 문제를 정리하고 답변하는 데 필요한 모든 사람을 위한 특정 참고 자료와 학습 가치를 담고 있습니다. 와서 아래를 살펴볼 수 있습니다.

머리말

최근 위챗 미니 프로그램에 대한 답변을 요약했습니다. 미니 프로그램 담당자로서 저는 미니 프로그램이 처음 소식을 발표했을 때 이러한 변화에 대해 깊이 이해하고 있습니다. 미니 프로그램이 제공하는 것처럼 구성 요소나 API가 풍부하고 안정적이며 호환되어야만 미니 프로그램의 빠른 개발 개념을 실현할 수 있습니다. 현재 호환성이 이상적이지 않은 구성 요소가 여전히 많고 일부는 아직 최적화되고 있기 때문입니다. 미니 프로그램 개발은 매우 제한적이어서 앉아서 기다릴 수밖에 없습니다. . . 타사 라이브러리를 사용하여 구현하려는 경우 미니 프로그램에서는 타사 라이브러리가 지원되지 않는다고 명시되어 있습니다. 이렇게 하면 미니 프로그램 검토 과정이 100% 실패하게 됩니다.

1.scroll-view에는 iOS에 버그가 있습니다

이 구성 요소를 사용하여 페이지를 개발할 때 내장된 스크롤 효과로 인해 Y축 슬라이딩이 iOS의 기본 고무줄 효과를 트리거하는 동안 풀다운, 스크롤 뷰가 작동하지 않는 것 같습니다. 고무줄 효과가 없는 Android 시스템에서는 슬라이딩 버그가 존재하지 않습니다. 최신 버전인 0.11.122100이 아직 존재하는 경우에는 다음 버전에서 처리됩니다.

2 WeChat 버전 6.3.31의 입력 포커스가 잘못되었습니다

이 문제는 미니 프로그램 업데이트 로그 기록에서 해결되었습니다

2016-12-22 업데이트 로그

1.F 복구 컴포넌트 개발자 도구에서 포커스가 사라졌을 때 콘텐츠가 지워지는 문제

3. iOS에서 내비게이션을 사용하여 페이지로 이동할 때 가끔 흰색 화면 버그가 나타납니다

공식적으로는 다음과 같습니다. 이후 버전에서 수정됨

4 .tabBar 아이콘의 크기가 다양한 플랫폼에서 일치하지 않습니다

공식적으로 알려져 있으며 이후 버전에서 수정될 예정입니다

5. iOS

tabBar 문제는 공식적으로 알려져 있으며 다음 버전에서 수정될 예정입니다. 개발자가 tabBar

6의 전환을 직접 제어할 수 있도록 switchTab 인터페이스가 추가될 예정입니다. 클릭 이벤트는 지도 오버레이에 추가할 수 없습니다. 사용자가 어떤 오버레이를 클릭했는지 알 수 없습니다

공식적으로 알려진 문제는 이후 버전에서 수정될 예정입니다

7 .미니 프로그램이 위장에서 웹뷰를 지원할 수 있나요

지원되지 않습니다

8.Android WeChat이 6.3으로 업데이트된 후 .32, 일반 페이지에서 탭바가 있는 페이지로의 점프를 지원하지 않습니다

새 버전에는 전용 API가 있을 예정입니다. 탭바 페이지로 점프하려면 이전 처리 방식에 논리적 문제가 있습니다

9. 스와이퍼로 원형 캐러셀 구현하는 방법

현재 버전은 원형 속성을 지원합니다

10. 여러 입력을 빠르게 클릭하면 메시지가 나타납니다. 문제

이 문제는 공식적으로 해결되었으며 출시 버전을 기다리고 있습니다

11.디버깅 시 WXML이 공백으로 나타나는 현상이 자주 발생합니다

수정되었으며 다음 버전의 개발 도구는 업데이트 예정입니다

12.scroll-view 중복 시 이벤트 침투 문제가 발생합니다

공식 앞으로 수정하겠습니다

13. Android에서는 1rpx 테두리가 표시되지 않을 수 있습니다

일부 Android 휴대폰에서는 rpx 표시 값이 작습니다. 불완전한 문제, 새 버전의 WeChat에서 이 문제를 해결할 것입니다

14. 미니 프로그램에서 일반 웹 링크를 열 수 있나요

현재 지원되지 않습니다

15. 스크롤 보기에 텍스트 영역이 있으며 해당 내용을 변경할 수 없습니다.

현재 공식적으로 지원하지 않습니다.

16. WXSS 파일에 CSS 3 애니메이션을 작성하면 오류가 직접 보고되고 컴파일이 통과되지 않습니다.

현재 미니 프로그램은 더 많은 CSS3 속성을 지원합니다. 속성

17. WeChat 애플릿의 캔버스 관련 API에서 캔버스를 그림으로 변환하기 위한 관련 API 인터페이스가 부족하다는 것을 발견했습니다.

WeChat 6.3.30은 wx.canvasToTemFilePath를 지원합니다. 임시로 캔버스를 그림으로 변환하는 데 사용할 수 있습니다.

18. 현재 제공되는 캔버스 그리기 인터페이스는 기본 웹 API와 호환되지 않습니다

예

19. top

WeChat 6.3.30에서 tabBar를 지원합니다. 위치 매개변수 설정

20. 미니 프로그램의 API에서 이미지의 원래 너비와 높이를 가져오는 인터페이스가 있나요? WeChat 6.3.30에서 이미 지원되나요? , 이미지 구성 요소의 바인드로드 이벤트는 이미지의 원래 너비와 높이를 반환할 수 있습니다

21. 미니 프로그램은 ECharts와 같은 외부 차트 라이브러리를 참조할 수 있습니다

아직 공식적으로 지원되지 않습니다

22. , 사용자 정의 글꼴 아이콘을 사용할 수 있습니까? 사용자 정의 글꼴은 지원되지만 온라인 글꼴을 사용해야 하며 글꼴을 저장하는 서버는 도메인 간

23을 허용해야 합니다. 공식 ES6에서 ES5로의 변환은 오류를 보고합니다. Android

개발 도구에서 제공하는 ES6에서 ES5로의 함수는 구문 변환만 수행하며, Promise와 같은 새로운 ES6 API에서는 개발자가 이를 해결하기 위해 Polyfill 또는 기타 클래스 라이브러리를 도입해야 합니다

24.wx.getImageInfo에는 Android에서 정보를 얻을 수 없는 버그

WeChat 버전 6.3.31 Android 클라이언트에 이 버그가 있습니다

25. 미니 프로그램의 크기는 1MB입니다. 정식 출시되면 이 컨트롤이 확대되나요? 현재 답변은 확대되지 않는다는 것입니다. 26. getUserInfo 인터페이스에서 유니온 ID를 얻을 수 없습니다. 어떻게 해야 합니까?

필수 WeChat 오픈 플랫폼 웹사이트(https://open.weixin.qq.com)로 이동하여 미니 프로그램을 다른 공식 계정이나 앱에 바인딩하면 유니온 ID가 반환됩니다

27. WeChat 미니 프로그램은 하드웨어와의 상호 작용을 지원합니까? 예를 들어 블루투스나 Wi-Fi를 통한 하드웨어와의 데이터 통신

향후 공식적으로 이 기능을 출시할 수도 있습니다

28. 완성된 녹음 형식은 무엇입니까

현재 휴대폰에 녹음된 내용은 SILK 형식이며 SILK는 Skype 내부에서 개발되었습니다. Skype 대 Skype 통화의 기본 코덱으로 사용되는 음성 코덱입니다. SILK의 오디오 대역폭, 네트워크 비트 전송률 및 복잡성 측면에서 높은 확장성은 다양한 모드와 응용 프로그램 중에서 선택할 수 있는 코덱입니다

29. 미니 프로그램에서 사용자의 휴대폰 주소록 읽기/쓰기가 허용됩니까?

현재 지원되지 않습니다

30. 미니 프로그램은 미리 볼 수 없는 것 같습니다

현재 미니 프로그램은 iPad에서 지원되지 않습니다

31. 미니 프로그램은 다음으로의 텍스트, 사진, 링크 전달을 지원합니까? 친구 또는 친구?

공식 답변: 공유 기능이 곧 제공될 예정입니다. 공식 문서에 주의하세요.

32. 체크박스 이벤트는 체크박스 그룹을 통해서만 바인딩됩니까? 이벤트를 변경하면 체크박스 그룹이

33 페이지 스크롤, 하단으로 스크롤 및 새 콘텐츠 로드를 구현할 수 없습니다.

WeChat 6.3.30에서는 onReachBottom 이벤트

34를 지원합니다. 캔버스 구성 요소, 캔버스 정보를 저장할 수 없습니다.

공식 답변: 아직 지원되지 않습니다. 곧 지원할 예정입니다.

35 쿠키 매개변수는 업로드 파일 헤더에 포함될 수 없습니다.

WeChat 버전의 iOS 클라이언트 6.3.31에는 이 버그가 있으며 새 버전에서는 곧 수정될 예정입니다.

36.WXML Mustache 구문(이중 중괄호)을 사용하여 데이터를 바인딩합니다. 해당 대상 데이터가 HTML 텍스트인 경우 바인딩할 수 있습니까? ? 어떻게 묶어야 할까요?

아직 공식적으로 지원되지 않습니다

37. 코드에서 일부 도구 라이브러리를 사용할 수 있나요? 예를 들어 npm 설치를 통해 타사 도구 라이브러리를 설치할 수 있습니다.

현재는 공식적으로 지원되지 않습니다.

38. 현재 JS를 통해서만 이미지 너비와 높이를 얻을 수 없는 것 같습니다. 이미지 너비와 높이를 표시할 수 있습니다.

39. WeChat 애플릿에 전화를 걸고 이메일을 보내는 방법이 있나요?

현재 전화 걸기는 지원되지만 아직 이메일은 지원되지 않습니다

40. 가맹점 결제인 경우 호출 인터페이스는 기존 웹과 동일합니다. 개발 사용법은 동일합니까? 현재 가맹점 결제는 자체 API 인터페이스 외에 지원되지 않습니다. WeChat 미니 애플리케이션은 다른 외부 API 또는 JS 플러그인 로딩을 지원합니까?

현재 지원되지 않습니다

42. HLS와 같은 비디오 라이브 방송 또는 오디오 라이브 방송을 지원합니까?

공식 답변: 우리는 지속적으로 기술을 개선하고 있으며 곧 지원할 예정입니다

43. 전화 키보드, 예를 들어 "완료" 버튼이 실행되면 해당 작업이 실행됩니다. 현재까지 관련 API가 없습니다.

입력 상자(입력/텍스트 영역)에 대한 지원이 있습니까?

44. 개발 도구가 Linux 환경과 Windows 2003/XP 시스템을 지원합니까?

현재는 지원되지 않습니다.

45. WeChat 애플릿은 어디에 있나요? 개발 중에 로컬 서버에 어떻게 액세스하나요?

현재 서버는 도메인 이름을 사용해야 하며 로컬 디버깅을 지원하지 않습니다

46. 리뷰어에게 직접 피드백을 보내는 방법

공식 답변: 후속 WeChat 공개 플랫폼에서 제공할 예정입니다. 프로그램에서 리뷰 페이지를 제출하고 테스트 계정(계정 + 비밀번호 양식)을 추가한 후 리뷰 설명을 작성합니다. . 검토 문제에 대해서는 AppReview@tencent.com으로 이메일을 보내 주시면 피드백을 검토할 전담 담당자를 배정해 드리겠습니다.

47. 개인 개발자는 등록할 수 없나요?

현재 기업, 정부, 언론만 가능합니까? , 기타 조직 및 개인은 지원됩니다. 개발자는 아직 등록을 지원하지 않습니다

48. Promise를 사용하여 미니 프로그램 도구로 코드를 작성할 때 다음과 같은 오류 메시지가 나타납니다. TypeError: Promise는 생성자가 아닙니다. 무엇이 잘못되었나요?

공식 답변: 0.11 버전에서는 3개의 엔드를 통일하기 위해 Promise가 제거되었습니다. 개발자가 직접 호환성 라이브러리를 도입해야 합니다.

그래서 가볍고 해결 가능한 promise.min 라이브러리를 직접 도입했습니다.

49. 입력 구성 요소에는 바인딩된 이벤트가 있지만 텍스트 영역 구성 요소에는 없습니다.

2016년 12월 22일에 구성 요소 이벤트 바인드를 추가했습니다<p><strong></strong>50. WeChat ID를 전환한 후 </p> <p></p>공식 답변: 삭제되지는 않지만 다른 사용자가 로그인한 후에는 이전 사용자가 남긴 데이터에 액세스할 수 없습니다.<p><strong></strong>51. wx.navigateTo가 유효하지 않습니다</p> <p></p> <p>개발 중에는 공식 tabBar를 사용하지 않고 직접 tabBar를 작성했기 때문에 이런 경우는 발생하지 않았습니다. 공식 tabBar를 사용한다면 그냥 wx.switchTab을 사용하여 점프하세요</p> <p><strong>52.Background-image가 상대 경로 사진을 표시할 수 없습니다</strong></p> <p>네트워크 주소 사진이나 base64를 사용하거나 이미지 태그를 사용하여 문제를 해결할 수 있습니다</p> <p><span style="color: #ff0000"><strong>요약</strong></span></p><p>위 내용은 WeChat 미니 프로그램 개발 관련 질문에 대한 솔루션 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!</p></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>성명：</span><div>본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.</div></div></div><div class="nphpSytBox"><span>이전 기사：<a class="dBlack" title="WeChat 애플릿으로 구현된 데이터 처리에 대한 자세한 설명" href="http://m.php.cn/ko/faq/378597.html">WeChat 애플릿으로 구현된 데이터 처리에 대한 자세한 설명</a></span><span>다음 기사：<a class="dBlack" title="WeChat 애플릿으로 구현된 데이터 처리에 대한 자세한 설명" href="http://m.php.cn/ko/faq/378599.html">WeChat 애플릿으로 구현된 데이터 처리에 대한 자세한 설명</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>관련 기사</h2><em><a href="http://m.php.cn/ko/article.html" class="bBlack"><i>더보기</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/ko/faq/347763.html" title="WeChat Mini 프로그램 간단한 DEMO 레이아웃, 로직 및 스타일 연습" class="aBlack">WeChat Mini 프로그램 간단한 DEMO 레이아웃, 로직 및 스타일 연습</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ko/faq/347764.html" title="WeChat 애플릿 wx.request(인터페이스 호출 방법)에 대한 자세한 설명과 예" class="aBlack">WeChat 애플릿 wx.request(인터페이스 호출 방법)에 대한 자세한 설명과 예</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ko/faq/347765.html" title="위챗 미니 프로그램 - 위챗 로그인, 위챗 결제, 템플릿 메시지에 대한 자세한 설명" class="aBlack">위챗 미니 프로그램 - 위챗 로그인, 위챗 결제, 템플릿 메시지에 대한 자세한 설명</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ko/faq/347766.html" title="위챗 애플릿(애플리케이션 계정) 간단한 예시 애플리케이션과 예시에 대한 자세한 설명" class="aBlack">위챗 애플릿(애플리케이션 계정) 간단한 예시 애플리케이션과 예시에 대한 자세한 설명</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ko/faq/347767.html" title="루프용 WeChat 애플릿에 대한 자세한 설명" class="aBlack">루프용 WeChat 애플릿에 대한 자세한 설명</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="http://m.php.cn/ko/"><b class="icon1"></b><p>집</p></a></li><li><a href="http://m.php.cn/ko/course.html"><b class="icon2"></b><p>강의</p></a></li><li><a href="http://m.php.cn/ko/wenda.html"><b class="icon4"></b><p>Q&A</p></a></li><li><a href="http://m.php.cn/ko/login"><b class="icon5"></b><p>나의</p></a></li><div class="clear"></div></ul></div></div><div class="nphpYouBox" style="display: none;"><div class="nphpYouBg"><div class="nphpYouTitle"><span onclick="$('.nphpYouBox').hide()"></span><a href="http://m.php.cn/ko/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/ko/"><b class="icon1"></b><span>집</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ko/course.html"><b class="icon2"></b><span>강의</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ko/article.html"><b class="icon3"></b><span>기사</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ko/wenda.html"><b class="icon4"></b><span>Q&A</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ko/dic.html"><b class="icon6"></b><span>사전</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ko/course/type/99.html"><b class="icon7"></b><span>수동</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ko/xiazai/"><b class="icon8"></b><span>다운로드</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ko/faq/zt" title="주제"><b class="icon12"></b><span>주제</span><div class="clear"></div></a></li><div class="clear"></div></ul></div></div><div class="nphpDing" style="display: none;"><div class="nphpDinglogo"><a href="http://m.php.cn/ko/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/ko/" >집</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/article.html" class="hover">기사</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/wenda.html" >Q&A</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/course.html" >강의</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/faq/zt" >주제</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/xiazai" >다운로드</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/game" >게임</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/dic.html" >사전</a></div><div class="clear"></div></div></div><div class="langadivs" ><a href="javascript:;" class="bg4 bglanguage"></a><div class="langadiv" ><a onclick="javascript:setlang('zh-cn');" class="language course-right-orders chooselan " href="javascript:;"><span>简体中文</span><span>（ZH-CN）</span></a><a onclick="javascript:setlang('en');" class="language course-right-orders chooselan " href="javascript:;"><span>English</span><span>（EN）</span></a><a onclick="javascript:setlang('zh-tw');" class="language course-right-orders chooselan " href="javascript:;"><span>繁体中文</span><span>（ZH-TW）</span></a><a onclick="javascript:setlang('ja');" class="language course-right-orders chooselan " href="javascript:;"><span>日本語</span><span>（JA）</span></a><a onclick="javascript:;" class="language course-right-orders chooselan chooselanguage" href="javascript:;"><span>한국어</span><span>（KO）</span></a><a onclick="javascript:setlang('ms');" class="language course-right-orders chooselan " href="javascript:;"><span>Melayu</span><span>（MS）</span></a><a onclick="javascript:setlang('fr');" class="language course-right-orders chooselan " href="javascript:;"><span>Français</span><span>（FR）</span></a><a onclick="javascript:setlang('de');" class="language course-right-orders chooselan " href="javascript:;"><span>Deutsch</span><span>（DE）</span></a></div></div><script> var swiper = new Swiper('.nphpNavSwiper1', { slidesPerView : 'auto', observer: true,//修改swiper自己或子元素时，自动初始化swiper observeParents: true,//修改swiper的父元素时，自动初始化swiper }); </script></div></div><!--顶部导航 end--><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了，就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>