静态网页 H5 跳转微信小程序
可在外部浏览器中跳转到微信小程序
官方文档:https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/staticstorage/jump-miniprogram.html
1.在小程序开发者工具左上角工具栏可以直接开通云开发环境
2.点击开发者工具“云开发”打开云开发控制台点击更多-静态网站 将官方演示的html下载并进行相关的配置修改(主要是小程序id相关)后上传到静态网站。通过默认域名和上传文件名进行静态文件访问。
3.配置云函数,如果是已经存在的小程序项目(以前未开通云开发)。要使用云开发功能,需要从新使用开发者工具新建一个项目,新建项目时选择云开发后会生成相应的目录结构。
下载官方的云函数将public函数目录放到新生成的云函数目录内,在开发者工具里右键public目录,可上传布暑
注意:云函数内的path路径需要自己修改为想要跳转的小程序页面路径
async function getUrlScheme() { return cloud.openapi.urlscheme.generate({ jumpWxa: { path: "/pages/index/index", // <!-- replace --> query: "", }, // 如果想不过期则置为 false,并可以存到数据库 isExpire: false, // 一分钟有效期 expireTime: parseInt(Date.now() / 1000 + 60), }); }
如云函数右键没有上传,可能是没有连接上云函数环境。可以修改project.config.json文件,修改对应的目录cloudfunctionRoot为云开发的目录
"miniprogramRoot": "miniprogram/", "cloudfunctionRoot": "cloudfunctions/",