Introduction à la méthode d'intégration de H5 dans de petits programmes

Remarque :

Le mini programme ne prend pas en charge les cookies. Le h5 intégré prend en charge les cookies, mais ils coexistent avec les cookies des pages Web WeChat et s'influencent mutuellement.

Le mini-programme ne prend en charge que https

Le nom de domaine de H5 intégré dans le mini-programme doit être défini comme nom de domaine de confiance dans le backend WeChat

Utiliser la version SDK de WeChat 1.4, certaines fonctions de 1.0 ne sont pas disponibles Support : https://res.wx.qq.com/open/js/jweixin-1.4.0.js

1 Déterminer l'environnement du mini programme

.

L'ancienne version de WeChat dépend du fait que le mini-programme la prend en charge. S'il prend en charge H5, il a besoin de

wx.miniProgram.getEnv(function(res) {
     if (res.miniprogram) {
         //这里才是小程序环境
         //但是这个方法是异步的请注意
     }

ou de laisser le développeur du mini-programme ouvrir la page H5. et transmettez un champ à H5 via l'URL pour déterminer si le champ est l'environnement du mini-programme.

2. Partage du mini programme

Documentation du mini programme :

Les utilisateurs peuvent obtenir l'URL de la vue Web actuelle lors du partage, c'est-à-dire renvoyer le paramètre webViewUrl dans le Rappel onShareAppMessage.

Cependant, dans la pratique réelle de la machine, selon les retours du développement du mini-programme, l'URL ne peut pas être obtenue dans certains scénarios, nous transmettons donc finalement les informations de partage via la méthode postMessage. L'exemple est le suivant : <🎜. >

wx.miniProgram.postMessage({ data:{
      active_shareTit:分享语言,
      active_shareimg:分享图
      active_shareurl: 分享链接
}})

3. Synchronisez les cookies.

L'applet apporte les paramètres requis via l'URL, et les définit dans le cookie après avoir été interceptée par H5.

4. Applet de saut H5

Href ne peut pas être utilisé pour sauter ! L'url est sous la forme de "/page/.." et ne peut pas contenir le protocole http. Vous devez utiliser les trois méthodes suivantes :

naviguerPour accéder à la page du mini programme et conserver la page actuelle

redirectTo ferme la page actuelle et passe à la page du mini-programme (vous ne pouvez pas revenir à la page actuelle lors du retour)

switchTab passe à la page de la barre d'onglets du mini-programme (la page du mini-programme avec la navigation en bas , si cette page utilisenavigaTo ou redirectTo échouera ! )

démo :

wx.miniProgram.navigateTo({
    url: '/pages/prod/prod?参数1=大大说&参数2=qweqw'
})

5 Le mini programme passe à H5

Vous pouvez transmettre des paramètres à H5 dans src<🎜. >

 <web-view src="https://mp.weixin.qq.com/qq.html"></web-view>

Recommandé : "

Tutoriel de développement de mini-programmes

》

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!