静态h5跳转小程序

1、先阅读微信官方文档https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/staticstorage/jump-miniprogram.html
有几个注意点

• appid的小程序必须是已经上线的
• 必须是非个人小程序
• 微信渠道内跳转还要开通静态网站功能
• 微信渠道外跳转传参必须使用云函数方式

2、下载官方的demo

image.png

3、配置html

image.png

image.png

image.png

image.png

4、微信公众平台=>开发=>云服务 开通云服务

image.png

5、使用微信开发者工具新建云开发项目。把官方下载的云函数复制进去

image.png

6、设置云函数

// 云函数入口文件
const cloud = require('wx-server-sdk')
cloud.init({
  env: "输入函数环境id"
})
// 云函数入口函数
exports.main = async (event, context) => {
  const wxContext = cloud.getWXContext()
//event 可以接收传的参数 比如跳转的url 和 query
  switch (event.action) {
    case 'getUrlScheme': {
      return getUrlScheme(event.query)
    }
  }
  return 'action not found'
}
async function getUrlScheme(query) {
  return cloud.openapi.urlscheme.generate({
    jumpWxa: {
      path: '/pages/index/index', //  //跳转微信小程序的url 
      query: query,
    },
    // 如果想不过期则置为 false，并可以存到数据库
    isExpire: false,
    // 一分钟有效期
    expireTime: parseInt(Date.now() / 1000 + 60),
  })
}

7、设置好之后右键点击上传到云端

image.png

image.png

8、修改云函数权限（允许所有用户访问）

image.png

image.png

8、 静态网站托管

image.png

image.png

然后就可以跳转啦

245a49fcf66c8e4e036a6878c2b1bfe.jpg