Détails de l'outil du mini-programme WeChat


javascript && wxss

L'applet WeChat fonctionne sur trois terminaux : iOS, Android et des outils de développement pour le débogage.

Les environnements d'exécution des scripts des trois terminaux et les environnements utilisés pour restituer les composants non natifs sont différents :

  • Sur iOS, le code javascript de l'applet s'exécute en JavaScriptCore et est rendu par WKWebView. L'environnement est iOS8, iOS9. , iOS10
  • Sur Android, le code javascript du mini-programme est analysé via X5 JSCore et rendu par X5 basé sur le noyau Mobile Chrome 37
  • Sur l'outil de développement, le code javascript du mini-programme est exécuté sur nwjs, c'est-à-dire rendu par Chrome Webview

Bien que les environnements sur les trois terminaux soient très similaires, il existe encore quelques différences :

  • ES6 Prise en charge de la syntaxe incohérente Les développeurs peuvent activer < code>ES6< /code> convertit la fonction de ES5 pour contourner. DétailsES6 语法支持不一致语法上开发者可以通过开启 ES6 转 ES5 的功能来规避。详情

  • ES6 API 支持不一致考虑到代码包大小的限制，API 上目前需要开发者自行引入相关的类库来进行处理，可以通过 caniuse 或者 X5兼容 查询到相关 API 的支持情况

  • wxss

La prise en charge de l'API ES6 est incohérente Compte tenu de la limitation de la taille du package de code, l'API oblige actuellement les développeurs à introduire des bibliothèques de classes pertinentes pour le traitement. Vous pouvez interroger l'API appropriée via la compatibilité Caniuse ou X5. . Statut du support


wxss Performances de rendu incohérentes Bien que la plupart des détails du problème puissent être évités en activant la complétion de style, il est recommandé aux développeurs de vérifier les performances réelles du mini-programme sur iOS et Android. .


Le débogage de l'interface de numérisation de code

est différent de l'appel direct de la caméra pour scanner le code sur le téléphone mobile. Appeler la caméra pour scanner le code pour terminer le débogage sur un PC ou un Mac est inefficace. comportement, donc sur les outils de développement. Après avoir appelé l'API de numérisation de code QR, les développeurs peuvent sélectionner une image locale pour le débogage logique ultérieur au lieu de permettre à la caméra de scanner le code. Le processus est différent, mais l'entrée et la sortie de l'interface le sont. le même.

  • Débogage de WeChat Payment
  • La dernière version des outils de développement prend déjà en charge le débogage de WeChat Payment, mais afin de prendre en compte la sécurité, cela diffère d'appeler directement WeChat Pay sur le téléphone mobile.

Les développeurs nouvellement liés auront besoin de 24 heures avant d'avoir l'autorisation de déboguer WeChat Pay

Après que le développeur ait appelé l'API WeChat Pay sur l'outil, un code QR apparaîtra sur l'outil de développement et le développeur doit utiliser le développement en cours outil Après avoir scanné le code QR avec l'identifiant WeChat utilisé, le processus de paiement est terminé sur le téléphone mobile

L'outil synchronisera le colis de retour du paiement WeChat mobile dans l'outil, et le développeur pourra effectuer lui-même les opérations ultérieures
  • Débogage partagé

L'appel du partage sur l'outil de développement est un comportement simulé et ne sera pas réellement partagé avec l'utilisateur. Les développeurs peuvent utiliser ce comportement simulé pour déterminer si l'API de partage est correctement appelée

Les développeurs peuvent définir. démarrage avant de compiler le mini programme sur l'outil La page et les paramètres sont utilisés pour aider à déboguer la scène où le partageur ouvre le mini programme et localise la page appropriée🎜🎜Lors de la soumission de l'aperçu, le développeur peut également définir la page de démarrage et les paramètres pour aider à déboguer les performances réelles du terminal mobile🎜🎜 🎜🎜🎜

Vérification du nom de domaine de confiance du client

Dans le scénario où le développeur utilise le téléphone mobile pour scanner le code QR pour le débogage, après avoir activé le mode de débogage, la dernière version du client ne vérifiera pas le nom de domaine de confiance.



Vérification du nom de domaine de confiance du client


Dans le scénario où le développeur utilise le téléphone mobile pour scanner le code QR pour le débogage, après avoir activé le mode de débogage, la dernière version du client sera ne vérifie pas le nom de domaine de confiance.

Vérification du nom de domaine de confiance du client

Dans le scénario où le développeur utilise le téléphone mobile pour scanner le code QR pour le débogage, après avoir activé le mode de débogage, la dernière version du client ne vérifiera pas le nom de domaine de confiance.

Le fichier de code doit être codé en UTF8

Seul iOS prend en charge le format d'encodage UTF8 La dernière version de l'outil de développement effectuera une vérification du format d'encodage sur le fichier de code lors du téléchargement du code.

Prise en charge de l'API ES6

Dans WeChat 6.5.3 et les versions précédentes, la prise en charge de l'API ES6 des mini-programmes est la suivante :

  1. astuce : TBS 2.0 TBS 3.0 est la version du noyau X5tip: TBS 2.0 TBS 3.0 是 X5 内核版本
  2. tip
    3. astuce : WeChat terminera la mise à jour complète du noyau TBS 3.0 avant février 2017

QQ截图20170208154255.png