zoukankan      html  css  js  c++  java
  • 外部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 这个函数就需要放在小程序云开发上。

  • 相关阅读:
    comparator接口与Comparable接口的区别
    heap和stack有什么区别
    聚集索引和非聚集索引(整理)
    SQL里的EXISTS与in、not exists与not in
    SQL中CONVERT转化函数的用法
    GCC 对C语言的扩展
    C++宏定义详解
    How to Find Processlist Thread id in gdb !!!!!GDB 使用
    Netdata----Linux 性能实时监测工具
    java开发C语言编译器
  • 原文地址:https://www.cnblogs.com/benbonben/p/15007774.html
Copyright © 2011-2022 走看看