微(wēi)信H5網頁跳(tiào)轉小(xiǎo)程序≈'γ，這(zhè)一(yī)篇就(jiù)夠了(le)！

發表時(shí)間(jiān)：2021-1-11

發布人(rén)：葵宇科(kē)技(jì)

浏覽次數(shù)：50

鑒于微(wēi)信開(kāi)放(fàng)标簽說(¶↔÷₽shuō)明(míng)文(wén)檔寫的(de)不(bù)是₹™(shì)很(hěn)清楚，大(dà)多(duō)數(shù)開(kāi)發者看(kàn✔≥)了(le)以後表示：我從(cóng)哪裡(lǐ)來(lái)？要(yào)到(dào)哪裡(l∞←×φǐ)去(qù)？

所以鄙人(rén)記錄下(xià)這(zhè)篇文(wén)章(↕★zhāng)，以便幫助到(dào)一(yī)些(xiē)人(rén)。

廢話(huà)不(bù)多(duō)說(shuō)，上(shàng)Ω∏才藝！

<html>
<head>
    <me↕₹ta charset="utf-8">
    <meta name = "viewport" content = "width = device-width, initial-scale = 1.₹♥&0, maximum-scale = 1.0, user-sca☆∑lable = 0" />
    <title>小(xiǎo↑↔)程序跳(tiào)轉測試</title>
</head>
<δ÷δδbody style="text-aligin:center;">
<wx-open-launch-weapp
    ♣ "     id="launch-btn"
        username="gh_e16de8f****" <!-- 這(zhè)裡(lǐ)填寫小(xiǎo)程序的(de)原始ID ←★  -->
        path="/pages/index/index.html"> <!-- 這(zhè)裡(lǐ)填寫跳(tiào)轉對(d↓β₽uì)于小(xiǎo)程序的(de)頁面 注意這(zhè)裡(lǐ)的(de) .html -≥δ←±->
    <template>
        ‌α∏©<style>.btn { padding: 12px width:δ•200px;height:50px;}</stφ§•γyle>
        <button class="btn">打開(kāi)小(xiǎo)程序</button&g≥λ©t;
    </template>
</wx-open-γ₹'launch-weapp>

<script src=×≥‌http://www.wxapp-union.com/"/js/jquery-1.12.4.js"></script>
<script →≈src=http://www.wxapp-union.com/"static/js/jweixin-1.6.0.js"></script> <!-- 至少(shǎo)必須是(shì)1.6÷↓π版本 -->

<script>
    
    §♠$(function () {
    
        //=== 這(zhè)裡(lǐ)僅僅是(shα↕<©ì)獲取 config 的(de)參數(shù)以及簽名== ☆₹= start
        var url = location.href;∞↓
	var functions = "updateAppMessageShareData";
        $.get("https://xxx.com/wechat/jssdk/config", {"functions":functions}, function(response){
            if(response.status == 0) {
                var in÷<πfo = response.data;
              ∞ ★₽  wx.config({
              ‌≥      debug: false,
                    appId: info.☆‌appId,
                    timestamp: inf ←o.timestamp,
               σ"      nonceStr: info.nonceStr, '♦
                    signature: info.signature,∑×
                    jsApiLi₩ &×st: info.jsApiList,
                    o&¥λpenTagList: ['wx-open-launch-weapp']//這(zhè)裡(lǐ)直接添加，什(shén)麽都(dōu)Ω不(bù)用(yòng)管
                });
±↓            }
        });
        //=== 獲取≠&επ config 的(de)參數(shù)以及簽名=== end
        
     $←   var btn = document.getElementById('launch-btn');
        btn.addEventListener('launch', function (e) {
            console.log('success');
        });
        btn.addEventListene↓←÷‍r('error', function (e) {
            console.log(≠☆™λ'fail', e.detail);
        });
    });
</script  ↓ε>
</body>
</html>
複制(zhì)代碼

開(kāi)放(fàng)對(duì)象：

1、已認證的(de)服務号，服務号綁定“JS接口安全域名”← ¶下(xià)的(de)網頁可(kě)使用(yòng)此标簽跳(tiào)轉任意合法合規的(de)小÷≈≤&(xiǎo)程序。

2、已認證的(de)非個(gè)人 α (rén)主體(tǐ)的(de)小(xiǎo)程序，使用(yòng)小(xiλ∏™βǎo)程序雲開(kāi)發的(de)靜(jìng)态網站(zγ hàn)托管綁定的(de)域名下(xià)的(de)網頁，可(kě)以使用(yòng)此标簽跳(tδ®iào)轉任意合法合規的(de)小(xiǎo)程序。

複制(zhì)代碼

客戶端要(yào)求

微(wēi)信版本要(yào)求為(wèi)：7.0.12及以上(shàng)。 系統α♥版本要(yào)求為(wèi)：iOS 10.3及以上★<±(shàng)、Android 5.0及以上(shàng)。

注意：微(w•₹α≤ēi)信開(kāi)發者工(gōng)具暫時(shí)φ↕不(bù)支持！所以建議(yì)直接使用(yòng)手機₽₽±(jī)訪問(wèn)進行(xíng)測試。
複制(zhì)代碼

其他(tā)說(shuō)明(míng)

這(zhè)個(gè)功能(néng)其實很(hěn)簡單，并沒有(yǒu)想象₹£φ中那(nà)麽複雜(zá)。實質是(shì)在你(nǐ)能(néng)夠做(zuò)♦ 到(dào)自(zì)定義分(fēn)享到(dào)朋(péng)友(y≥↕ǒu)圈或朋(péng)友(yǒu)的(de)基礎上(s∑₹hàng)，config多(duō)了(le)

openTagList: ['wx-open-launch-weapp']
複制(zhì)代碼

再者需要(yào)注意的(de)是(shì)，path的(de)頁面url 必須帶有(yǒu) .≠σhtml 帶參數(shù)的(de)話(huà)則參數(s‌∞∏✔hù)跟在html的(de)後面。

<wx-open-launch-weapp
       >  id="launch-btn"
        username="gh_e16de8f****" <!-- 這(zhè)裡(lǐ)填寫小(xiǎo)程序的(de)原始Iαγ§₽D -->
        path="/pages/index/index.html">
        
<wx-open-launch-weapp
    ☆¶    id="launch-btn"
        username="gh_e16de8f****" <!-- 這(zhè)裡(lǐ)填寫小(xiǎo×↑£)程序的(de)原始ID -->
        path="/pages/index/index.html?id=123">
複制(zhì)代碼