微信瀏覽器中實現(xiàn)跳轉(zhuǎn)

使用微信官方接口 wx-open-launch-weapp（該方法只開放給已認證的服務(wù)號或者小程序云開發(fā)的靜態(tài)網(wǎng)站托管綁定的域名下的網(wǎng)頁）

案例代碼

<wx-open-launch-weapp
  id="launch-btn"
  username="gh_xxxxxxxx"
  path="pages/home/index?user=123&action=abc"
>
  <script type="text/wxtag-template">
    <style>.btn { padding: 12px }</style>
    <button class="btn">打開小程序</button>
  </script>
</wx-open-launch-weapp>
<script>
  var btn = document.getElementById('launch-btn');
  btn.addEventListener('launch', function (e) {
    console.log('success');
  });
  btn.addEventListener('error', function (e) {
    console.log('fail', e.detail);
  });
</script>

相關(guān)文檔

目錄 | 微信開放文檔微信開發(fā)者平臺文檔https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html#21

外部瀏覽器中實現(xiàn)跳轉(zhuǎn)，需要使用URL Scheme的方式來實現(xiàn)（URL Scheme的有效期只有30天）

????????前端在獲取到URL?Scheme后通過以下代碼就可以實現(xiàn)跳轉(zhuǎn)
????????文檔點擊這里?URL Scheme文檔

location.href = 'weixin://dl/business/?t= *TICKET*'

• 注意: 獲取URL Scheme的方式有兩種

URL Scheme獲取幫助文檔

方式一：小程序管理后臺工具生成

一、生成步驟

1、?地址

微信公眾平臺

2、?掃碼登錄

3、?登陸后進入首頁

「工具」（在右上角）–「生成 URL Scheme」

4、?進入生成 URL Scheme

5、?生成 URL Scheme

（1）?參數(shù)說明

（2）?示例

1）?生成

2）?生成結(jié)果

二、參考文檔

獲取 URL Scheme

方式二：服務(wù)器端（接口）方式

一、?說明

獲取小程序 scheme 碼，適用于短信、郵件、外部網(wǎng)頁、微信內(nèi)等拉起小程序的業(yè)務(wù)場景。通過該接口，可以選擇生成到期失效和永久有效的小程序碼，目前僅針對國內(nèi)非個人主體的小程序開放，詳見獲取 URL scheme。

調(diào)用方式：

• HTTPS 調(diào)用
• 云調(diào)用

二、?HTTPS 調(diào)用

1、接口地址

2、請求參數(shù)及說明

（1）?請求參數(shù)

（2）?jump_wxa 的結(jié)構(gòu)

3、返回值

（1）?返回值說明

（2）?errcode合法值說明

4、示例：

（1）請求????????

{

    "jump_wxa":

        {

            "path": "/pages/publishHomework/publishHomework",

            "query": ""

        },

    "is_expire":true,

    "expire_time":1606737600
}

（2）返回

{

    "errcode": 0,

    "errmsg": "ok",

    "openlink": Scheme,

}

三、?云調(diào)用

1、接口方法

2、請求參數(shù)

（1）請求參數(shù)

（2）jumpWxa 的結(jié)構(gòu)

3、返回值

（1）返回值說明

（2）errcode合法值說明

4、示例

（1）請求

const cloud = require('wx-server-sdk')

cloud.init({

    env: cloud.DYNAMIC_CURRENT_ENV,})

exports.main = async (event, context) => {

    try {

        const result = await cloud.openapi.urlscheme.generate({

            "jumpWxa": {

                "path": '/pages/publishHomework/publishHomework',

                "query": ''

            },

            "isExpire": true,

            "expireTime": 1606737600

        })

        return result

} catch (err) {

    return err

}}

（2）返回

{

    "errcode": 0,

    "errmsg": "ok",

    "openlink": Scheme,

}

四、?其他說明

如有其他問題請參考官方文檔：

urlscheme.generate | 微信開放文檔文章來源地址http://www.zghlxwxcb.cn/news/detail-416733.html

到了這里，關(guān)于H5頁面跳轉(zhuǎn)微信小程序的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！