欧美三级国产三级日韩三级_亚洲熟妇丰满大屁股熟妇_欧美亚洲成人一区二区三区_国产精品久久久久久模特

微信H5網(wǎng)頁(yè)跳轉(zhuǎn)小程序，這一篇就夠了！ - 新聞資訊 - 云南小程序開發(fā)|云南軟件開發(fā)|云南網(wǎng)站建設(shè)-昆明葵宇信息科技有限公司

159-8711-8523

云南網(wǎng)建設(shè)/小程序開發(fā)/軟件開發(fā)

知識(shí)

不管是網(wǎng)站，軟件還是小程序，都要直接或間接能為您產(chǎn)生價(jià)值，我們?cè)谧非笃湟曈X表現(xiàn)的同時(shí)，更側(cè)重于功能的便捷，營(yíng)銷的便利，運(yùn)營(yíng)的高效，讓網(wǎng)站成為營(yíng)銷工具，讓軟件能切實(shí)提升企業(yè)內(nèi)部管理水平和效率。優(yōu)秀的程序?yàn)楹笃谏?jí)提供便捷的支持！

您當(dāng)前位置>首頁(yè) » 新聞資訊 » 小程序相關(guān) >

微信H5網(wǎng)頁(yè)跳轉(zhuǎn)小程序，這一篇就夠了！

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

發(fā)布人：葵宇科技

瀏覽次數(shù)：48

鑒于微信 開放標(biāo)簽說明文檔 寫的不是很清楚，大多數(shù)開發(fā)者看了以后表示：我從哪里來？要到哪里去？

所以鄙人記錄下這篇文章，以便幫助到一些人。

廢話不多說，上才藝！

<html>
<head>
    <meta charset="utf-8">
    <meta name = "viewport" content = "width = device-width, initial-scale = 1.0, maximum-scale = 1.0, user-scalable = 0" />
    <title>小程序跳轉(zhuǎn)測(cè)試</title>
</head>
<body style="text-aligin:center;">
<wx-open-launch-weapp
        id="launch-btn"
        username="gh_e16de8f****" <!-- 這里填寫小程序的原始ID -->
        path="/pages/index/index.html"> <!-- 這里填寫跳轉(zhuǎn)對(duì)于小程序的頁(yè)面 注意這里的 .html -->
    <template>
        <style>.btn { padding: 12px width:200px;height:50px;}</style>
        <button class="btn">打開小程序</button>
    </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/"https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> <!-- 至少必須是1.6版本 -->

<script>
    
    $(function () {
    
        //=== 這里僅僅是獲取 config 的參數(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 info = response.data;
                wx.config({
                    debug: false,
                    appId: info.appId,
                    timestamp: info.timestamp,
                    nonceStr: info.nonceStr,
                    signature: info.signature,
                    jsApiList: info.jsApiList,
                    openTagList: ['wx-open-launch-weapp']//這里直接添加，什么都不用管
                });
            }
        });
        //=== 獲取 config 的參數(shù)以及簽名=== end
        
        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>
</body>
</html>
復(fù)制代碼

開放對(duì)象：

1、已認(rèn)證的服務(wù)號(hào)，服務(wù)號(hào)綁定“JS接口安全域名”下的網(wǎng)頁(yè)可使用此標(biāo)簽跳轉(zhuǎn)任意合法合規(guī)的小程序。

2、已認(rèn)證的非個(gè)人主體的小程序，使用小程序云開發(fā)的靜態(tài)網(wǎng)站托管綁定的域名下的網(wǎng)頁(yè)，可以使用此標(biāo)簽跳轉(zhuǎn)任意合法合規(guī)的小程序。

復(fù)制代碼

客戶端要求

微信版本要求為：7.0.12及以上。 系統(tǒng)版本要求為：iOS 10.3及以上、Android 5.0及以上。

注意：微信開發(fā)者工具暫時(shí)不支持！所以建議直接使用手機(jī)訪問進(jìn)行測(cè)試。
復(fù)制代碼

其他說明

這個(gè)功能其實(shí)很簡(jiǎn)單，并沒有想象中那么復(fù)雜。 實(shí)質(zhì)是在你能夠做到自定義分享到朋友圈或朋友的基礎(chǔ)上，config多了

openTagList: ['wx-open-launch-weapp']
復(fù)制代碼

再者需要注意的是，path的頁(yè)面url 必須帶有 .html 帶參數(shù)的話則參數(shù)跟在html的后面。

<wx-open-launch-weapp
        id="launch-btn"
        username="gh_e16de8f****" <!-- 這里填寫小程序的原始ID -->
        path="/pages/index/index.html">
        
<wx-open-launch-weapp
        id="launch-btn"
        username="gh_e16de8f****" <!-- 這里填寫小程序的原始ID -->
        path="/pages/index/index.html?id=123">
復(fù)制代碼

最后

這是筆者第一次寫東西，如有不足之處望海涵！

不清楚的地方可以在下方留言，筆者會(huì)盡可能的給予回復(fù)。

轉(zhuǎn)載請(qǐng)著名出處。

相關(guān)案例查看更多