静态网页 H5 跳转微信小程序

本文由清尘发表于2021-01-08 17:31最后修改于2021-01-09属于技术文档分类

可在外部浏览器中跳转到微信小程序

官方文档: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/",