uniapp实现被浏览器唤起

最新推荐文章于 2024-08-02 11:35:17 发布

骑着代马去流浪

最新推荐文章于 2024-08-02 11:35:17 发布

阅读量4k

点赞数 1

分类专栏： uniapp 文章标签： uniapp被唤起浏览器唤起uniapp

本文链接：https://blog.csdn.net/weixin_36185028/article/details/103126812

版权

uniapp 专栏收录该内容

15 篇文章 3 订阅

订阅专栏

1，配置UrlSchemes

在manifest.json配置

/* 应用发布信息 */
"distribute" : {
    /* android打包配置 */
    "android" : {
        "schemes" : [ "CCC" ]，
        ...
    },
    /* ios打包配置 */
    "ios" : {
        "urltypes" : [
            {
                "urlidentifier" : "com.BBB.AAA",
                "urlschemes" : [ "CCC" ]
            }
        ],
        "urlschemewhitelist" : [ "CCC" ],
        ...
    },
},
...

2，页面中配置

1）微信浏览器中可能无法唤起app，需要单独处理

2）safari中只能通过loaction.href唤起app

其中_inviteCode为网页携带的inviteCode 参数；com.BBB.AAA不一定非要写成com.BBB.AAA，后面的?是一个符号，用于隔开前面的字符串和后面的参数，便于在app中取参数

    <div class="mark hide">
        <div class="mark_info">
            点击右上角
            <br>
            选择“在浏览器中打开”
        </div>
    </div>
<script>
$(function(){
    var sys = 'android';
    var isiOS = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
    //获取url参数
    var GetRequest = function(variable) {
        var query = window.location.search.substring(1);
        var vars = query.split("&");
        for (var i=0;i<vars.length;i++) {
                var pair = vars[i].split("=");
                if(pair[0] == variable){return pair[1];}
        }
        return(false);
    }
    //打开app
    var openApp = function(){
        var _inviteCode = GetRequest("inviteCode")
        if(isiOS){
            location.href = "CCC://com.BBB.AAA?" + _inviteCode
        }else{
            var appOpenUrl = "CCC://com.BBB.AAA?" + _inviteCode
            //在iframe 中打开APP
            var ifr = document.createElement('iframe');
            ifr.src = appOpenUrl;
            ifr.style.display = 'none';

            document.body.appendChild(ifr);      
            setTimeout(function() {
                document.body.removeChild(ifr);
            }, 2000); 
        }
        
    };
    
    //是否是微信判断
    var ua = window.navigator.userAgent.toLowerCase();
    if (ua.match(/MicroMessenger/i) == "micromessenger") {
      $('.mark').removeClass("hide")
    }else{
        openApp()
    }
})
</script>

3，在app中取参数

在uniapp项目中App.vue

onShow: function() {
	// #ifdef APP-PLUS
	var args= plus.runtime.arguments;
	let _inviteCode = args.split('?')[1]
	if(args && _inviteCode){
        console.log(_inviteCode)
	}
	// #endif
	
},

注：

更多配置参考：https://ask.dcloud.net.cn/article/64

小米手机自带浏览器无法唤起uniapp

若是hbuilder打包web2app，可直接在manifest.json中的App常用其他配置中填写UrlSchemes即可，网页配置同以上