Résumé des solutions aux questions liées au développement du mini-programme WeChat

Cet article résume principalement diverses questions et réponses sur le développement de mini-programmes WeChat. L'article organise et répond à tous les problèmes qui peuvent être rencontrés dans le développement de mini-programmes WeChat, qui fourniront une référence à chacun. Valeur, amis. dans le besoin venez jeter un oeil ci-dessous.

Avant-propos

Récemment résumé une réponse du mini-programme WeChat En tant que personne du mini-programme, j'ai une compréhension approfondie des changements ici. Le mini programme vient de publier la nouvelle, j'ai souligné que ce n'est que si les composants ou les API fournis par le mini programme sont riches, stables et compatibles que le concept de développement rapide de mini programmes peut être réalisé. de nombreux composants dont la compatibilité n'est pas idéale, et certains ne le sont pas. En matière d'optimisation, le développement de plates-formes basées sur de petits programmes étant très limité, nous ne pouvons que nous asseoir et attendre. . . Si vous souhaitez utiliser une bibliothèque tierce pour l'implémenter, le mini-programme stipule clairement que la bibliothèque tierce n'est pas prise en charge. En fin de compte, le processus de révision du mini-programme échouera à 100 %.

1.scroll-view a un bug sur iOS

Lors de l'utilisation de ce composant pour développer une page, en raison de son propre effet de défilement, le curseur de l'axe Y se déclenche iOS dans le menu déroulant Lors de l'utilisation de l'effet élastique natif, la vue défilante présente un bug qui l'empêche de glisser. Ce bug n'existe pas lorsqu'il n'y a pas d'effet élastique sous le système Android. Si la dernière version 0.11.122100 existe toujours, elle sera traitée dans la prochaine version.

2. Le focus de la saisie dans la version 6.3.31 de WeChat n'est pas valide

Ceci est résolu dans l'enregistrement du journal de mise à jour du mini programme

2016- 12-22 Journal de mise à jour

1.F Correction du problème d'effacement du contenu lorsque le composant perd le focus sur les outils de développement

3. saut de navigation sur iOS Lors du transfert de pages, un bug d'écran blanc apparaît occasionnellement

Le responsable en est conscient et le corrigera dans les versions ultérieures

4. l'icône tabBar est incohérente sur différentes plateformes

Officiellement connue, elle sera corrigée dans les versions ultérieures

5 Il y a un bug modifié dans la barre de navigation de retour sur iOS.

tabBar Le problème est officiellement connu. La prochaine version ajoutera une interface switchTab pour permettre aux développeurs de contrôler directement le changement de tabBar

6. La superposition de carte ne peut pas ajouter. événements de clic et ne peut pas obtenir sur quelle superposition l'utilisateur a cliqué

Officiellement connu, il sera corrigé dans les versions ultérieures

7. Le mini-programme peut-il prendre en charge la visualisation Web déguisée ?

Non pris en charge

8. Après la mise à jour d'Android WeChat vers la version 6.3.32, il ne prend pas en charge le passage d'une page normale à une page avec une barre d'onglets

La nouvelle version aura une API dédiée pour accéder à la barre d'onglets, la méthode de traitement précédente aura des problèmes logiques

9.swiper Comment implémenter un carrousel circulaire

La version actuelle prend en charge l'attribut circulaire

10. Des problèmes peuvent survenir lorsque vous cliquez rapidement sur plusieurs entrées

Ce problème est officiellement résolu, en attendant. la version release

11. Lors du débogage, WXML apparaît souvent vide La situation

a été corrigée et la prochaine version des outils de développement sera mise à jour

12. Lorsque la vue défilante se chevauche, une pénétration d'événement se produira

Un suivi officiel corrigera le problème

13. de 1rpx peut ne pas s'afficher.

Il y a un petit problème dans certains téléphones Android Le problème de l'affichage incomplet du rpx numérique, la nouvelle version de WeChat résoudra ce problème

14. Pouvez-vous ouvrir des liens Web ordinaires à partir de mini-programmes

Non pris en charge actuellement

15.scroll-view contient une zone de texte, son contenu ne peut pas être modifié

Officiellement, ne supporte pas actuellement l'écriture dans

16.WXSS fichier CSS 3 animation, cliquez sur compiler et une erreur sera signalée directement, la compilation ne passera pas

Actuellement, le mini-programme prend en charge très peu d'attributs CSS3, et le programme officiel prendra en charge davantage d'attributs CSS3 à l'avenir

17. Dans l'API liée au canevas de l'applet WeChat, nous avons constaté que il y a un manque d'interfaces API pertinentes pour convertir le canevas en images

WeChat 6.3.30 a pris en charge wx.canvasToTemFilePath, qui peut être utilisé pour convertir le canevas en chemin de fichier image temporaire

18. L'interface de dessin sur toile actuellement fournie n'est pas compatible avec l'API Web native

Oui

19. top

WeChat 6.3.30 a pris en charge la définition du paramètre de position dans tabBar

20 Existe-t-il un moyen d'obtenir des images dans l'API du mini programme ? Interface de largeur et de hauteur

WeChat 6.3.30 l'a pris en charge. L'événement bindload du composant image peut renvoyer la largeur et la hauteur d'origine de l'image

21. L'interface de largeur et de hauteur. L'applet peut faire référence à une bibliothèque de graphiques externe, telle que ECharts

n'est pas encore officiellement prise en charge

22. Lors du développement de petits programmes, puis-je utiliser des icônes de police personnalisées

Les polices personnalisées sont prises en charge, mais les polices en ligne doivent être utilisées et le serveur stockant les polices doit autoriser le cross-domain

23. La conversion officielle ES6 vers ES5 signalera un. erreur sur Android

La fonction ES6 vers ES5 fournie par les outils de développement ne convertit que la syntaxe. Les nouvelles API ES6 telles que Promise obligent les développeurs à introduire Polyfill ou d'autres bibliothèques de classes pour résoudre le problème

24.wx.getImageInfo a un bug qui l'empêche d'obtenir des informations sur Android

Le client Android WeChat version 6.3.31 a ce bug, et la nouvelle version le corrigera

25. La taille du mini programme est de 1 Mo. Ce contrôle sera-t-il agrandi lors de sa sortie officielle

La réponse actuelle est qu'il ne sera pas agrandi

26. Que dois-je faire si l'unionid ne peut pas être obtenu via l'interface getUserInfo

Vous devez vous rendre sur le site Web de WeChat Open Platform (https://open. weixin.qq.com) pour lier le mini-programme et vos autres comptes ou applications officiels, renverra unionid

27. L'applet WeChat prend-elle en charge l'interaction avec le matériel ? Par exemple, la communication de données peut être effectuée avec le matériel via Bluetooth ou Wi-Fi

Le responsable pourrait lancer cette fonction à l'avenir

28. de l'enregistrement terminé

L'enregistrement sur le téléphone mobile est actuellement au format SILK est un codec vocal et audio développé en interne par Skype et est utilisé comme codec par défaut pour les appels Skype vers Skype. La grande évolutivité de SILK en termes de bande passante audio, de débit binaire du réseau et de complexité en fait un codec qui peut choisir parmi plusieurs modes et applications

29. Le mini-programme ouvre-t-il la communication par téléphone mobile de l'utilisateur ? l'autorisation d'écriture de l'enregistrement

n'est actuellement pas prise en charge

30 Il semble que le mini programme ne puisse pas être prévisualisé sur iPad

Le. Le mini-programme est actuellement temporairement indisponible. L'iPad n'est pas pris en charge

31. Le mini-programme prend-il en charge le transfert de texte, d'images et de liens vers des amis et des Moments ?

Réponse officielle. : Des capacités de partage seront bientôt fournies, veuillez faire attention au document officiel

32. Si la case à cocher ne peut être liée que via un événement de groupe de cases à cocher

la case à cocher ne se déclenchera pas. l'événement de changement, mais le groupe de cases à cocher se déclenchera

33. Faites défiler la page, faites défiler vers le bas et le chargement du nouveau contenu ne peut pas être réalisé

WeChat 6.3.30. a pris en charge la configuration de la page sur l'événement ReachBottom

34. Les informations sur le canevas ne peuvent pas être enregistrées lors de l'utilisation du composant canevas

Réponse officielle : pas encore pris en charge, nous le prendrons bientôt

35. L'en-tête du fichier de téléchargement ne peut pas être inclus dans le paramètre Cookie

Le client iOS de WeChat version 6.3.31 a ce bug, et la nouvelle version sera bientôt corrigée

36. Syntaxe Moustache (doubles accolades) en WXML pour lier Si la donnée cible correspondante est un morceau de texte HTML, peut-elle être liée ? Comment doit-il être lié ?

Officiellement non pris en charge actuellement

37. Puis-je utiliser certaines bibliothèques d'outils dans le code ? Par exemple, vous pouvez installer des bibliothèques d'outils tiers via npm install

Officiellement actuellement non pris en charge

38. Il semble que la largeur et la hauteur de l'image ne puissent pas être obtenues via. JS. Existe-t-il une solution ?

Actuellement, seules la largeur et la hauteur de l'image définie peuvent être affichées

39. appels et envoyer des e-mails ?

Actuellement, les appels téléphoniques sont pris en charge, mais les e-mails ne sont pas encore pris en charge

40. l'interface d'appel est-elle la même que l'utilisation précédente du développement Web ?

Actuellement, le paiement au sous-marchand n'est pas pris en charge

41. la mini-application WeChat prend-elle en charge le chargement d'autres API externes ou plug-ins JS ?

Actuellement non pris en charge

42. Qu'il s'agisse de prendre en charge la diffusion vidéo en direct ou la diffusion audio en direct, telle que HLS

Réponse officielle : Nous y travaillent techniquement. Il est continuellement amélioré et un support sera bientôt fourni

43. Surveillez le clavier du téléphone portable et lorsque le bouton "Terminer" est déclenché, effectuez l'action correspondante. Non pertinent. L'API a été trouvée jusqu'à présent. Existe-t-il un support ?

Zone de saisie (input/textarea) L'attribut d'écoute d'événement de bindconfirm sera fourni plus tard, qui est utilisé pour surveiller le clic de "Terminer". bouton

44. L'outil de développement ne prend pas en charge l'environnement Linux et Windows Le système 2003/XP

n'est actuellement pas pris en charge

45. Je développe l'applet WeChat et le programme serveur en même temps sur une seule machine. Veuillez me dire lors du développement de l'applet WeChat comment accéder à mon serveur local

Actuellement, le serveur doit utiliser un nom de domaine. et ne prend pas en charge le débogage local

46. Comment envoyer des commentaires directement au réviseur

Réponse officielle : nous soumettrons la page de révision dans la mini-plateforme publique WeChat suivante. programme, ajoutez un compte de test (formulaire compte + mot de passe), et remplissez la description de l'avis, etc. Concernant les problèmes d'examen, vous pouvez envoyer un e-mail à : AppReview@tencent.com, et nous désignerons une personne dédiée pour examiner les commentaires

47. Les développeurs individuels ne peuvent-ils pas s'inscrire ?

Maintenant pris en charge Seuls les entreprises, les gouvernements, les médias et autres organisations, les développeurs individuels ne prennent pas en charge l'enregistrement

48. Lors de l'utilisation de Promise pour écrire du code avec des outils de mini-programme, une erreur est signalée : TypeError : Promise n'est pas un constructeur, oui Qu'est-ce qui n'a pas fonctionné

Réponse officielle : Afin d'assurer l'unification des trois terminaux, la version 0.11.112300 de l'outil supprime Promise, et les développeurs doivent pour présenter la bibliothèque de compatibilité elle-même

Je l'ai donc présentée moi-même Une bibliothèque promise.min, légère et résout

49 Le composant d'entrée a un événement bindInput, mais pas le composant textarea.

le 22 décembre 2016 Ajout de l'événement de composant bindinput<p></p> <p>50. Le dernier cache de données sera-t-il toujours là après le changement d'identifiant WeChat ?<strong></strong>Réponse officielle : elle ne sera pas effacée, mais une fois que les autres utilisateurs se seront connectés, ils ne pourront plus accéder aux données laissées par l'utilisateur précédent </p> <p></p> 51. Après avoir défini tabBar, les sauts tels que wx.navigateTo seront invalides <p><strong><p>Je n'ai pas utilisé la tabBar officielle pendant le développement, mais j'ai écrit une tabBar moi-même, donc je n'ai pas rencontré un tel scénario si j'utilise la tabBar officielle, utilisez wx.switchTab pour sauter </p> <p><strong>. 52.Background-image définit le chemin relatif et ne peut pas afficher l'image </strong></p> <p> Vous pouvez utiliser l'image de l'adresse réseau, ou base64 ou utiliser la balise d'image pour résoudre le problème </p> <p><span style="color: #ff0000"><strong>Résumé</strong> </span></p></strong></p><p>Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!</p></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>Déclaration：</span><div>Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn</div></div></div><div class="nphpSytBox"><span>Article précédent：<a class="dBlack" title="Explication détaillée du traitement des données mis en œuvre par l'applet WeChat" href="http://m.php.cn/fr/faq/378597.html">Explication détaillée du traitement des données mis en œuvre par l'applet WeChat</a></span><span>Article suivant：<a class="dBlack" title="Explication détaillée du traitement des données mis en œuvre par l'applet WeChat" href="http://m.php.cn/fr/faq/378599.html">Explication détaillée du traitement des données mis en œuvre par l'applet WeChat</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Articles Liés</h2><em><a href="http://m.php.cn/fr/article.html" class="bBlack"><i>Voir plus</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/fr/faq/347763.html" title="WeChat Mini Program Exercices simples de mise en page, de logique et de style" class="aBlack">WeChat Mini Program Exercices simples de mise en page, de logique et de style</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/fr/faq/347764.html" title="Explication détaillée et exemples de l'applet WeChat wx.request (méthode d'appel d'interface)" class="aBlack">Explication détaillée et exemples de l'applet WeChat wx.request (méthode d'appel d'interface)</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/fr/faq/347765.html" title="Programme WeChat Mini - Explication détaillée de la connexion WeChat, du paiement WeChat et des modèles de messages" class="aBlack">Programme WeChat Mini - Explication détaillée de la connexion WeChat, du paiement WeChat et des modèles de messages</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/fr/faq/347766.html" title="Applet WeChat (compte d'application) exemple d'application simple et explication détaillée de l'exemple" class="aBlack">Applet WeChat (compte d'application) exemple d'application simple et explication détaillée de l'exemple</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/fr/faq/347767.html" title="Explication détaillée de l'applet WeChat pour la boucle" class="aBlack">Explication détaillée de l'applet WeChat pour la boucle</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/fr/"><b class="icon1"></b><p>Maison</p></a></li><li><a href="http://m.php.cn/fr/course.html"><b class="icon2"></b><p>Cours</p></a></li><li><a href="http://m.php.cn/fr/wenda.html"><b class="icon4"></b><p>Questions et réponses</p></a></li><li><a href="http://m.php.cn/fr/login"><b class="icon5"></b><p>Mon</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/fr/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/fr/"><b class="icon1"></b><span>Maison</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/course.html"><b class="icon2"></b><span>Cours</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/article.html"><b class="icon3"></b><span>Article</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/wenda.html"><b class="icon4"></b><span>Questions et réponses</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/dic.html"><b class="icon6"></b><span>Dictionnaire</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/course/type/99.html"><b class="icon7"></b><span>Manuel</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/xiazai/"><b class="icon8"></b><span>Télécharger</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/fr/faq/zt" title="Sujet"><b class="icon12"></b><span>Sujet</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/fr/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/fr/" >Maison</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/article.html" class="hover">Article</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/wenda.html" >Questions et réponses</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/course.html" >Cours</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/faq/zt" >Sujet</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/xiazai" >Télécharger</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/game" >Jeu</a></div><div class="swiper-slide"><a href="http://m.php.cn/fr/dic.html" >Dictionnaire</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:setlang('ko');" class="language course-right-orders chooselan " 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:;" class="language course-right-orders chooselan chooselanguage" 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>