官方开源库：

GitHub TCloudBase/WXSEVER-SMS

参考教程：

https://developers.weixin.qq.com/community/develop/doc/000ae2a7a7c9402a4d8bca2875b409

此教程为官方提供，包含视频+文档

步骤：

1. 开通云开发

2. 新建云函数 openMini

3. 重新打开“微信开发者工具”，即会在项目工程中自动生成云函数目录

关于此云函数目录：

文件夹上会有云 logo
文件名后会注明云开发环境
右键会看到云操作项，可更改环境、同步云函数、部署云函数等

若未如愿生成云函数目录，有两种解决方案：

可在 project.config.json 中添加 "cloudfunctionRoot": "cloudbase/" // cloudbase是云函数目录名
微信开发者工具版本过低，尝试升级

4. 云函数开发并部署

在 openMini 下创建俩文件 index.js package.json

index.js 内开发云函数

const cloud = require('wx-server-sdk')
cloud.init()exports.main = async (event, context) => {return cloud.openapi.urlscheme.generate({jumpWxa: {path: '', // 打开小程序时访问路径，为空则会进入主页query: '',// 可以使用 event 传入的数据制作特定参数，无需求则为空},isExpire: true, //是否到期失效，如果为true需要填写到期时间，默认falseexpire_time: Math.round(new Date().getTime()/1000) + 3600//我们设置为当前时间3600秒后，也就是1小时后失效//无需求可以去掉这两个参数（isExpire，expire_time）})
}

package.json 配置依赖等

{"name": "openapi","version": "1.0.0","description": "","main": "index.js","scripts": {"test": "echo \"Error: no test specified\" && exit 1"},"author": "","license": "ISC","dependencies": {"wx-server-sdk": "~2.4.0"}
}

npm install 安装依赖后，右键上传并部署

5. 创建h5网页

创建 webviews 文件夹，与云开发目录 cloudbase 同级。

webviews 下创建 index.html 文件。内容如下：

<script src="https:acc.cloudbase.vip/res/web2weapp.js" charset="utf-8"></script>
<script>window.onload = function(){window.web2weapp.init({appId: 'appid', //替换为自己小程序的AppIDgh_ID: 'gh_id', //替换为自己小程序的原始IDenv_ID: 'cloud_id', //替换小程序底下云开发环境IDfunction: {name:'openMini', //提供UrlScheme服务的云函数名称data:{} //向这个云函数中传入的自定义参数},path: 'pages/index/index.wxml' //打开小程序时的路径})}
</script>

6. 查看效果

vscode 安装插件 Live Server ，成功后在 webviews/index.html 右键 → 选用 live server 启动网页。

注：一定要用 live server 方式启动，不能用 localhost 启动。

启动成功的网页上，会出现一个按钮 “点击进入微信小程序”

F12 打开控制台 console → 刷新页面，让控制台重刷数据 → 控制台会打印出一组数据，里面包含result.openlink，值类似于 "weixin://dl/bussiness/?t=NapElbyOrIo" 即说明已成功。

7. 后续需要把h5网页部署到服务器上，在手机浏览器打开，即可使用跳转功能

都多数人在进行此功能调研或者仅作为学习的话，不想开通需要付费的云开发-静态网站功能，但是h5网页还需要部署到服务器上才能走通流程。

这里可以用webpack启动一个项目，项目地址包含ip地址，在手机浏览器输入（webpack服务的ip）+（上个步骤 live server 启动的端口及路径），正常情况下可加载h5网页跳转到小程序。

h5跳微信小程序流程实现——使用云函数，不开通静态网站相关推荐

微信小程序图片内容审核功能云函数+小程序端代码完整实现【填坑】
文章目录背景实现技术栈小程序端基本思路主要代码云函数思考主要参考背景开发微信小程序的同学如果涉及了社交类目,应该都会碰到由于缺少内容审核机制导致不过审的情况.微信小程序官方实际上 ...
css计算函数 scalc 微信小程序_在微信小程序中，基于云函数发送邮件
引言:基于第三方Nodemailer可以实现使用云函数来发送邮件.在开发过程中使用发送邮件,一般使用场景是用来用户注册账号,更改密码等其它验证. 1.开发准备 1.1邮箱已注册成功的QQ邮箱.网易邮 ...
h5跳转小程序_微信小程序吞掉H5？
近来小程序越来越火,如果能嵌入h5,微信小程序会吞掉H5吗?意味着未来小程序创业者能影响整个web世界的信息流分发和服务流分发.像他一样,不少开发者把这看作最近半年微信最重要的能力释放,那么这两项功能 ...
【微信小程序】关于H5跳转微信小程序、微信小程序跳转H5、微信小程序跳转微信小程序的实现方法
0 说明业务提出需求,要实现H5跳转微信小程序的需求,在浏览器.微信环境下,都能通过H5跳转进入小程序. 另外,本文也将微信小程序跳转到H5,以及微信小程序跳转到微信小程序的方法进行汇总. 对于,微 ...
H5跳转小程序(微信开放标签使用)
今天七月,微信终于提供了H5跳转小程序的功能:果然方便了许多:限制条件也比较宽松吧. 限制条件: 微信版本要求为:7.0.12及以上. 系统版本要求为:iOS 10.3及以上.Android 5.0及 ...
V2微信内外网页H5跳转小程序链接生成系统开发
V2微信内外网页H5跳转小程序链接生成系统开发网页支持H5.服务号.封装app 功能// banner.首页.标题:创建您的链接.功能区.创建链接.选择类型.8种类型.小程序.一个人小程序.公众号. ...
微信浏览器跳转小程序php,微信浏览器里面h5跳转小程序
微信浏览器里面h5跳转小程序注意事项,以vue框架为例一.获取jssdk配置,在wx.ready回调函数里面展示按钮wx.config({ debug: false, appId: data.ap ...
使用小程序·云开发静态托管实现免鉴权h5跳转小程序
背景微信虽然推出了微信开放标签可以实现h5跳转小程序. 但是,开发者在使用之前要在公众号设置JS接口安全域名,不仅限制个数还限制修改次数,而且在使用之前还得获取access_token.ticket ...
h5跳转小程序、短信跳转小程序＜wx-open-launch-weapp＞干货满满
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档前言由于微信官方限制了URL Scheme跳转,本文实现的是html跳转微信小程序,仅限微信内部调转.如果需要外部跳转微信小程序,可 ...

h5跳微信小程序流程实现——使用云函数，不开通静态网站