1 理论方案

主要有以下两种

1 云开发：静态页面在微信云上进行开发&托管（因为要收费，不采用）

2 小程序短链：向微信请求 url schema ，进行跳转

2 调用接口

小程序短链，主要有两个接口

1 获取微信小程序 token（GET）

https://api.weixin.qq.com/cgi-bin/token

params 中传参

appid（小程序开发管理后台获取）
secret（小程序开发管理后台获取）
grant_type = client_credential

2 获取 url schema（POST）

https://api.weixin.qq.com/wxa/generatescheme

params 中传参 access_token

body 中传参

{

"jump_wxa": {

"path": 小程序路径,

"query": 小程序传参

},

"expire_type": "0"

}

3 具体实现方案

1 token获取和页面配置写在服务器端

2 静态页面进行获取短链（从服务器）和跳转（调用微信能力）操作

一个静态页面展示，与服务器进行交互的接口需要自己开发

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>跳转页面</title>
</head><script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script><body><h1>跳转页面</h1><button type="button" id="jump_wx">跳转小程序</button></body><script>$("#jump_wx").click(function(){$.ajax({url : "todo", // 自定义地址type : "POST",dataType : 'json',data : {... , ...}, // 自定义传参success:function (data) {console.log(data);if(data.success){var openlink = data.data;window.location.href = openlink; // 跳转小程序}}})
});</script>
</html>

【微信】h5跳转微信小程序相关推荐

alert点击确定后跳转_公众号/h5 跳转到小程序填坑指南
公众号/h5 跳转到小程序填坑指南本文介绍的是使用微信开放标签 wx-open-launch-weapp 实现微信浏览器内网页跳转到任意合法合规的小程序里,官方要求微信版本为:7.0.12 及以上, ...
h5跳转小程序页面url_web-view h5跳转到小程序页面，无法跳转？
web-view h5跳转到小程序页面,无法跳转?web-view h5 jumps to the applet page, can't jump?web-view h5跳转到小程序页面,无法跳转? ...
h5跳转到小程序总是出现页面不存在-微信小程序开发
官方文档看了一下很简单: <wx-open-launch-weapp id="launch-btn" username="gh_xxxxxxxx" pat ...
新版微信不停跳转到小程序_如何设置跳转微信小程序
一.功能效果手机网站常用模块:文本.图片.按钮支持设置点击跳转微信小程序. 可实现手机微信端下,打开手机网站可与微信小程序的实现相互跳转. 二.注意事项 [版本]展示中级版及以上版本支持开通. [条 ...
新版微信不停跳转到小程序_微信小程序页面跳转的几种方式
最近在做微信小程序,碰到页面跳转的问题,总结一下页面之间跳转的方式一.wx.navigateTo(OBJECT) 这是最普遍的一种跳转方式,其官方解释为:"保留当前页面,跳转到应用内的某个 ...
H5实现生成urlscheme并从H5跳转到小程序
在2022年之前,想要在H5打开小程序只需要在平台上设置urlscheme即可,但是自 2022 年 4 月 11 日起,URL Scheme有效期最长 30 天,不再支持永久有效的URL Schem ...
关于H5跳转到小程序和android的方法
2019独角兽企业重金招聘Python工程师标准>>> 1,跳转小程序需在H5页面引入https://res.wx.qq.com/open/js/jweixin-1.3.2.js文件 ...
【微信小程序】关于H5跳转微信小程序、微信小程序跳转H5、微信小程序跳转微信小程序的实现方法
0 说明业务提出需求,要实现H5跳转微信小程序的需求,在浏览器.微信环境下,都能通过H5跳转进入小程序. 另外,本文也将微信小程序跳转到H5,以及微信小程序跳转到微信小程序的方法进行汇总. 对于,微 ...
小程序接入h5页面_原生小程序接入H5页面，请求后台接口，获取数据
项目开发中赶上三端接入h5的需求,因此本身动手作h5页面,可是在作的过程当中也赶上了许多的问题javascript 小程序端不支持在本地引入,因此须要将h5发布服务器,以请求接口的形式进行访问html ...
h5跳转微信公众号文章，小程序，任意站跳转链接制作方法？
什么是url scheme? URL scheme是系统提供的一种机制,它可以由应用程序注册,然后其他程序通过url scheme来调用该应用程序. 它分为两部分:一部分是系统默认的url schem ...

【微信】h5跳转微信小程序

1 理论方案

2 调用接口

3 具体实现方案

【微信】h5跳转微信小程序相关推荐

最新文章

热门文章