La méthode de l'applet WeChat sautant vers H5 tiers

Utilisez la balise Web-View pour sauter

Créez d'abord une nouvelle page, qui est préparée pour les pages H5 tierces.

Dans index.wxml, écrivez le code suivant

<web-view src="{
   
   {h5url}}"></web-view> // 微信小程序提供的标签

Dans index.js, écrivez le code

data: {
        h5url:"https://eoaptest.cebbank.com:8443/uiap/ccs/chath5.html"
    }

// 微信小程序的data中,h5url为第三方h5的链接

Lorsque vous devez cliquer pour accéder à une page tierce, utilisez le code suivant dans le fichier js pour accéder

 wx.navigateTo({
            url: "../../pay/serviceH5/index"
        })
// wx.navigateTo是小程序提供的跳转方法,url是新建h5页面的路径

Le code ci-dessus réalise le saut vers le lien tiers/page H5

La plupart du temps dans le projet, il est nécessaire de lier et d'épisser des jetons pour sauter, puis d'utiliser la méthode suivante pour sauter après avoir encapsulé l'interface

La page qui demande le jeton est liée à l'événement click et utilise wx.navigateTo pour sauter

 toService: function () {
        API.queryUserInfoForCCMini( params ).then ( res => {
            const serviceToken = encodeURIComponent(res.userinfoForCCMiniModel.token)
            console.log(serviceToken)
            wx.navigateTo({
              url: `../pay/ser/index?h5url=https://eonk.com/uiap/ccs/chath5.html?token=${serviceToken}`,
            })
        })
    },

おすすめ

転載: blog.csdn.net/var_infinity/article/details/127807649