前言:在上篇文章我们讲到了具体如何实现H5跳转小程序的方法,给出了一些参考的相关文档,并也阐述了一些需要注意的事项和自己踩坑的一些记录。此文章更通俗的讲解h5跳转小程序的场景(详细分为外部h5跳小程序和微信内部h5跳小程序),以及跳转的方式,更好的理解上一篇文章。
一、微信内部h5跳转小程序
微信内部h5跳转小程序是通过<wx-open-launch-weapp></wx-open-launch-weapp>
标签实现的,具体步骤就如上篇文章介绍如此,详细请看微信js-sdk实现H5跳转小程序<一>
二、外部h5跳转小程序
获取 URL Scheme官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/url-scheme.html
今天的重点就是讲述外部h5跳转小程序的步骤,他是通过URL Scheme短链去进行跳转的,此链接同时也可以通过短信跳转,及其方便,当然业务上最好是通过某个h5中转页进行实现,例如,先从短信调转h5,再从h5跳转小程序。下面介绍 URL Scheme 生成的两种方式
1. 小程序后台生成,我也是无意间发现小程序后台能生成URL Scheme 链接,具体方式以及传参方式看图
注意:传参时需要注意小程序不识别中文,需要
incodeURIComponent
编码一次,同时在小程序pages/index/iundex
在onLoad
生命周期函数中去接收参数即可,接受参数后可以通过decodeURIComponent
对中文进行解码通过 weixin://dl/********/?t=**** 格式的链接即可跳转指定小程序页面
2. 通过后端服务端接口去请求相关数据,返回短链(一般正常业务都是用此方法)
此方法主要核心部分在服务端,需要服务端请求官方接口,传入指定参数,获取到正确的 url schemel 链接,需要注意的是,此时小程序接受的参数需要后端进行传参,跳转的小程序的页面也就通过onload正常接受参数即可