webview内嵌h5怎么跳转到指定的小程序界面

墨蓝 2022-12-23 07:03 407阅读 0赞

先引入微信sdk：

[https://qydev.weixin.qq.com/wiki/index.php?title=%E5%BE%AE%E4%BF%A1JS-SDK%E6%8E%A5%E5%8F%A3\#.E6.AD.A5.E9.AA.A4.E4.B8.80.EF.BC.9A.E5.BC.95.E5.85.A5JS.E6.96.87.E4.BB.B6][https_qydev.weixin.qq.com_wiki_index.php_title_E5_BE_AE_E4_BF_A1JS-SDK_E6_8E_A5_E5_8F_A3_.E6.AD.A5.E9.AA.A4.E4.B8.80.EF.BC.9A.E5.BC.95.E5.85.A5JS.E6.96.87.E4.BB.B6]

goSkinReport:function(){
                    var ua = window.navigator.userAgent.toLowerCase();
                    //先判断是否微信浏览器
                    if (ua.match(/MicroMessenger/i) == "micromessenger") {
                        //再判断一下是否在小程序里
                        wx.miniProgram.getEnv((res) => {
                        console.info("res",res)
                            if (res.miniprogram) {
                                wx.miniProgram.navigateTo({ url:'/pages/skinReport/skinReport?id=${photoNo}' });
                            }
                        })
                    }
                    else{
                        location.href='/report/skinReport?photoNo=${photoNo!}';//跳转到皮肤分析报告页面
                    }
                },

**注意:url:'/pages/skinReport/skinReport?id=$\{photoNo\}'此处的路径pages前有/斜线**

小程序接收参数的方法和普通小程序界面间的传值一样，在onload里通过options接收

[https_qydev.weixin.qq.com_wiki_index.php_title_E5_BE_AE_E4_BF_A1JS-SDK_E6_8E_A5_E5_8F_A3_.E6.AD.A5.E9.AA.A4.E4.B8.80.EF.BC.9A.E5.BC.95.E5.85.A5JS.E6.96.87.E4.BB.B6]: https://qydev.weixin.qq.com/wiki/index.php?title=%E5%BE%AE%E4%BF%A1JS-SDK%E6%8E%A5%E5%8F%A3#.E6.AD.A5.E9.AA.A4.E4.B8.80.EF.BC.9A.E5.BC.95.E5.85.A5JS.E6.96.87.E4.BB.B6