Un résumé de l'expérience BUG du développement de l'applet WeChat

Le développement de mini-programmes devient de plus en plus populaire et divers bugs sont rencontrés lors du développement. J'ai résumé ici quelques pièges dans lesquels il est plus facile de tomber et je les partage avec tout le monde.

1. Problèmes de compatibilité multiplateforme de New Date

Il n'y a aucun problème à utiliser new Date(“2018-05-30 00:00:00”) sur Andriod, mais il ne peut pas être reconnu sous iOS.

Comme ce format n'est pas reconnu par IOS, vous devez utiliser le format 2018/05/30 00:00:00. Vous pouvez utiliser des expressions régulières pour remplacer des chaînes et remplacer les tirets par des barres obliques. var iosDate= date.replace(/-/g, '/');。

2. Problèmes liés aux modifications de l'interface wx.getUserInfo()

L'un des changements les plus critiqués récemment dans l'applet WeChat est que les utilisateurs utilisent wx.getUserInfo. (version de développement et d'essai), l'autorisation n'apparaîtra pas et la version officielle ne sera pas affectée. La méthode d'autorisation actuelle nécessite que les utilisateurs cliquent sur un bouton d'autorisation, puis l'autorisation apparaît.

3. Ce n'est qu'en mode débogage que vous pouvez envoyer des données à votre serveur officiel

En fait, tant que vous faites attention à la configuration du nom de domaine légal, ce problème sera résolu. Parfois, parce que nous développons dès le départ, nous oublions de configurer le nom de domaine. Plus tard, j'ai découvert que les données ne pouvaient pas être exportées. Peut-être ai-je oublié de les configurer après y avoir longuement réfléchi !

4. Le problème de ne pas pouvoir obtenir l'UnionID

La connexion pour obtenir l'UID doit remplir deux conditions :

• Mettez l'applet et les comptes officiels sont liés à la plateforme ouverte

• Les utilisateurs doivent avoir suivi le compte officiel ;

Utilisez wx.getUserInfo pour obtenir une condition qui satisfait :

• Liez à la fois le mini programme et le compte officiel à la plateforme ouverte ; 🎜>

5. La windowHeight obtenue par wx.getSystemInfoSync est inexacte

La raison principale est que l'acquisition est temporelle et wx.getSystemInfoSync est calculée. lorsque la page est initialisée, cela peut essentiellement être compris comme la hauteur de l'écran. Par conséquent, le meilleur moyen est d’utiliser une interface asynchrone et de l’appeler dans la fonction onReady.

onReady() {
  wx.getSystemInfo({
    success({windowHeight}) {
      // todo
    }
  });
}

6. Pour les noms de ressources locales d'images, essayez d'utiliser des noms en minuscules

Lors de la résolution du problème de l'adaptation de l'iPhone X, lorsque vous utilisez des images dans la partie excédentaire à en bas

<image class=&#39;iphonexImg&#39; src="/imgs/iphoneBGT.png" mode="aspectFill">

Le chemin est

src='imgs/iphoneBGT.png'

et j'ai trouvé qu'il peut être affiché sur l'IDE du PC, mais lors du débogage de l'appareil réel, l'image est introuvable,

puis changez le nom de l'image en iphonex.png pour le débogage de l'appareil réel. C'est tout

<image class=&#39;iphonexImg&#39; src="/imgs/iphonex.png" mode="aspectFill">

Écrivez-le à la fin : il y a toujours divers bugs dans le code, et des problèmes comme ceux répertoriés ci-dessus peuvent encore à découvrir au cours du développement. Et une fois le code mis en ligne, les tests ne peuvent pas garantir à 100 % qu’il n’y a aucun problème. Ici, je recommande le

service de surveillance des BUG de l'applet WeChat de Fundebug à vous tous !

À propos de Fundebug

Fundebug se concentre sur JavaScript, les mini-programmes WeChat, les mini-jeux WeChat, les mini-programmes Alipay, React Native, Node.js et la surveillance des BUG en temps réel Java. Depuis son lancement officiel sur Double Eleven en 2016, Fundebug a traité plus de 700 millions d'événements d'erreur et a été reconnu par de nombreux utilisateurs renommés tels que Google, 360, Kingsoft et Baixing.com. Bienvenue dans l'essai gratuit !

Tutoriel recommandé : "

Programme WeChat Mini"

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!