前端不做复杂的地址拼接,直接调用后端接口,生成跳转所需地址即可
image.png
后端生成的地址中携带的参数,须由你要跳转的H5项目的开发人员提供
例如:
image.png
image.png
这样就可以跳转到指定的H5页面了
注意:在上线时,需要登录微信公众平台,配置业务域名
image.png
方法:点击“下载校验文件”,将下载的文件给H5的开发人员,将其配置到H5项目的服务器根目录,同时,我们在配置业务域名这里增加一条域名,该域名为H5的线上域名,然后点击保存即可
以上这些做完只是从小程序跳转到H5,用户在H5页面操作完成后,需要回到跳转H5前的小程序页面,这时需要我们前端提供要跳转的小程序的目的页面(例如:/pages/tab1/index
)以及参数给到我们的后端,后端会将其(例如:/pages/tab1/index?wztype=applet
)作为参数放在跳转H5的链接里面返回给我们,我们通过we-view跳转到H5时,将参数给到H5,同时H5项目的开发人员将通过wx.miniProgram.reLaunch
这个API跳回到我们的小程序,同时给到我们所需的参数
后端的代码:
image.png
这里的回调参数也是双方协定的,前端可以根据返回的参数做后续的处理,如果返回的参数是加密过的,可以将其先传给后端做个解析,然后再做后续处理
image.png
image.png