美文网首页
浏览器跳转微信小程序

浏览器跳转微信小程序

作者: RadishHuang | 来源:发表于2021-02-07 12:24 被阅读0次

    小程序有提供URL Scheme可以从外部浏览器直接唤起小程序。测试下来,iPhone在浏览器上会有一个弹窗是否打开微信,安卓可以直接唤起微信。

    官方文档入口

    <template>
        <div class="home">
            <div>
                <div class="test" @click="showWechat()">打开微信</div>
                <div class="test" @click="showWechatMINI()">打开微信小程序</div>
            </div>
        </div>
    </template>
    
    <script>
        export default {
            name: 'Wechat',
            methods: {
                async showWechat() {
                    window.location.href='weixin://'
                },
                showWechatMINI() {
                    window.location.href = 'weixin://dl/business/?t=U5XwKwnGjpk'
                }
            }
        }
    </script>
    
    <style lang="scss" scoped>
    .test {
        width: 100%;
        height: 100px;
        background: orange;
        margin: 10px 0;
        font-size: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
    }
    </style>
    
    

    获取URL Scheme地址,直接从小程序的MP后台,工具,可以直接生成。分永久有效和到期时期失效两种。

    生成URL 配置地址

    相关文章

      网友评论

          本文标题:浏览器跳转微信小程序

          本文链接:https://www.haomeiwen.com/subject/hxlztltx.html