H5页面跳转微信小程序总结

若雪樱花草 · 发表于 2023-2-25 08:40:02

跟着微疑死态的完美，H5页里正在微疑浏览器、其余浏览器翻开，皆撑持唤起微疑女伶 href="https://www.taojin168.com/cloud/" target="_blank">小法式。
上面对于其完毕思路截至归纳。

1、微疑浏览器情况

正在微疑浏览器中，H5页里颠末小法式URL Scheme码唤起，其中心代码完毕为：

location.href = &#39;weixin://dl/business/?t= *TICKET*&#39;

复造代码

TICKET的值为一个字符串，获得路子犹如下三种方法：
1. 小法式背景天生scheme码

H5页里跳转微疑小法式归纳-1.jpg

小法式背景天生scheme码

长处：不开辟质，可正在小法式背景间接设置；
缺点：天生的scheme码，跳转到小法式的参数不成静态设置，纷歧定能满意营业需要；
2. 云函数挪用获得scheme码

小法式端：创立云函数，供给获得小法式scheme码API；
H5：挪用小法式云函数，颠末scheme码翻开小法式；
长处：(1).云开辟鉴于node完毕，事情质完整由前端同学完毕；(2).参照可静态设置；
缺点：云开辟有必然的进修本钱（实在也比力简单）；
3. 挪用效劳端交心

后端：供给获得小法式scheme码的交心；
H5：挪用小法式云函数，颠末scheme码翻开小法式；
长处：(1).参照可静态设置；(2).效劳端供给交心更加妥当，scheme码能够保存数据库；
缺点：需要后端同学共同供给获得小法式scheme码的交心；

2、其余浏览器情况

正在其余浏览器中，H5页里颠末小法式URL Scheme码唤起，其中心代码完毕为：

<wx-open-launch-weapp id=&#34;launch-btn&#34; username=&#34;小法式本初账号 ID（gh_ 收尾的）&#34; path=&#34;要跳转到的页里路子&#34;>
<template>
<button style=&#34;width: 200px; height: 45px; text-align: center; font-size: 17px; display: block; margin: 0 auto; padding: 8px 24px; border: none; border-radius: 4px; background-color: #07c160; color:#fff;&#34;>翻开小法式</button>
</template>
</wx-open-launch-weapp>

复造代码

wx-open-launch-weapp为微疑民间供给的一个可跳转指定小法式的按钮。

3、留神事变（踏过的坑）

1.小我私家账号不成以完毕，必需为已经认证的非小我私家主体的小法式；
2.已经认证的非小我私家主体的小法式，天生URL Scheme码的进口：微疑办理背景-东西；
3.如使用云函数，需要设置保守了固态网站托管的云开辟情况 ID；
4.iOS正在浏览器能够间接使用 weixin://dl/business/?t= *TICKET* 唤起小法式，安卓不成以，必需颠末 location.href 的方法；
具体代码完毕尔便没有展示了，民间有大白的分析文档，各人也能够参照示例：https://postpay-2g5hm2oxbbb721a4-1258211818.tcloudbaseapp.com/jump-mp.html。
以上，即为H5页里跳转微疑小法式归纳，欢送共同交换进修~

4、参照文档：