美文网首页
vue的页面如何和原生的安卓和IOS页面进行交互

vue的页面如何和原生的安卓和IOS页面进行交互

作者: 筱贰_梁 | 来源:发表于2018-08-21 16:34 被阅读0次

    首先说一下我的应用场景
    新闻列表是原生的安卓和IOS页面开发的,新闻详情页是我做的,主要是因为新闻页面需要分享出去,所以就写成一个H5的页面了。
    新闻详情页:原生那边给传一个newID,还需要一个token的值,用来判断用户的登录状态

    newsID的处理

    这个大家应该都比较清楚,直接放在url里面获取的,直接上代码

        getQueryString(name) {
                    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
                    var r = window.location.search.substr(1).match(reg);
                    if(r != null)
                        return unescape(r[2]);
                    return null;
                },
          this.getQueryString('id');
    

    token的处理

    安卓和IOS放在了cookie里

      getCookie(cname) {
                    var name = cname + "=";
                    var ca = document.cookie.split(';');
                    for(var i = 0; i < ca.length; i++) {
                        var c = ca[i].trim();
                        if(c.indexOf(name) == 0) return c.substring(name.length, c.length);
                    }
                    return "";
            },
      this.token=this.getCookie("token");
    

    安卓和IOS调用我们写的内部的方法

    这个页面我是引入了vue.js来做数据处理

     //在created中这样写原生便可以调用了
    created: function() {
           window.changeList = this.changeList;
           window.getShareInfo = this.getShareInfo;
    }
    

    这边是全部了,希望能对你们有所帮助
    要继续去爬坑了

    相关文章

      网友评论

          本文标题:vue的页面如何和原生的安卓和IOS页面进行交互

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