微信js-sdk实现H5跳转小程序<二>

前言：在上篇文章我们讲到了具体如何实现H5跳转小程序的方法，给出了一些参考的相关文档，并也阐述了一些需要注意的事项和自己踩坑的一些记录。此文章更通俗的讲解h5跳转小程序的场景（详细分为外部h5跳小程序和微信内部h5跳小程序），以及跳转的方式，更好的理解上一篇文章。

一、微信内部h5跳转小程序

微信内部h5跳转小程序是通过标签实现的，具体步骤就如上篇文章介绍如此，详细请看微信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对中文进行解码

url Scheme链接

通过 weixin://dl/********/?t=**** 格式的链接即可跳转指定小程序页面

2. 通过后端服务端接口去请求相关数据，返回短链（一般正常业务都是用此方法）

先放上官方文档链接：https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/url-scheme/urlscheme.generate.html.

此方法主要核心部分在服务端，需要服务端请求官方接口，传入指定参数，获取到正确的 url schemel 链接，需要注意的是，此时小程序接受的参数需要后端进行传参，跳转的小程序的页面也就通过onload正常接受参数即可

三、额外的还有一个云调用 获取 URL Scheme，本人暂且还没实践过，就没多余介绍，只要知道有这个东西即可