vue H5页面跳转微信小程序以及生成二维码跳转小程序

研究了两种H5跳转小程序的方法，同时携带参数

1. 手机浏览器打开H5页面，点击按钮拉起微信小程序

2. H5页面上生成小程序二维码，手机微信扫码跳转目标小程序

为了开发方便，以上两种均借助了微信小程序云函数来实现

#事前准备

在vue工程的index.html中加入

<script src="https://res.wx.qq.com/open/js/cloudbase/1.1.0/cloud.js"></script>

1. 实现手机浏览器打开H5页面，点击按钮拉起微信小程序

先准备云函数

// 云函数入口文件
const cloud = require('wx-server-sdk')

cloud.init({
  env: cloud.DYNAMIC_CURRENT_ENV
})

// 云函数入口函数
exports.main = async (event, context) => {
  const wxContext = cloud.getWXContext()

  let urlScheme = getUrlScheme(event)
  return urlScheme
}

async function getUrlScheme(event) {
  return cloud.openapi.urlscheme.generate({
    jumpWxa: {
      path: '/pages/index/index', // 需要跳转的小程序页面
      query: `param1=${event.p1}&param2=${event.p2}`,
    },