外部H5页面跳转 微信 ，跳转微信小程序

外部页面跳转微信 或者小程序 原理都是用Scheme

唤醒微信 最为简单

location.href = 'weixin://';


唤醒小程序稍微复杂点，最近有个需求 是在H5落地页 唤醒小程序镶嵌的webview 页面，搭配微信云开发使用。

 

async function test() {

var containerEl = document.getElementById('public-web-container')
          containerEl.classList.remove('hidden')
          containerEl.classList.add('full', 'public-web-container')
          var c = new cloud.Cloud({
            // 必填，表示是未登录模式
            identityless: true,
            // 小程序 AppID
            resourceAppid: '小程序 AppID', // <!-- replace -->
            // 云开发环境 ID
            resourceEnv: '云开发环境 ID', // <!-- replace -->
          })
          await c.init()
          window.c = c

          var buttonEl = document.getElementById('public-web-jump-button')
          var buttonLoadingEl = document.getElementById('public-web-jump-button-loading')
          try {
            await openWeapp(() => {
              buttonEl.classList.remove('weui-btn_loading')
              buttonLoadingEl.classList.add('hidden')
            })
          } catch (e) {
            buttonEl.classList.remove('weui-btn_loading')
            buttonLoadingEl.classList.add('hidden')
            throw e
          }

}）

//生成Scheme 链接
async function openWeapp(onBeforeJump) {
        var c = window.c
        const res = await c.callFunction({
          name: 'public',
          data: {
            action: 'getUrlScheme',
          },
        })
        console.warn(res)
        if (onBeforeJump) {
          onBeforeJump()
        }
        location.href = res.result.openlink
      }

 其中 getUrlScheme 这个函数就需要放在小程序云开发上。