当前位置:
首页
文章
前端
详情

IOS和android交互

第一次做和原生app的混合开发,其中有一些活动页面需要我这边用h5来做。

那么必定涉及一个问题。就是和原生app做交互。

分为ios和android。方法不同,逻辑思路都差不多。

大体思路就是我和app端约定一个方法,类似于?接头暗号?

比如说我们约定了一个方法:’蓝天白云‘,那么当我js调用这个方法的时候,app端通过'蓝天白云',认出了我,并作出了响应。

那么问题来了,很多同学(大概只有我自己)会说了,我原生js定义的函数,他app怎么调用,怎么知道我调了改方法。

****和app端沟通以后,原来app中的底层,或者框架里,会定义一个方法来接受我们的js函数****(这里不用管,我们只要管我们调用什么方法就可以了)

上代码

           //定义传的参数
          let sendData = {
                url: "articleDetail",
                id: v.id
            };
             //判断运行环境(搜一下)
            if (this.isiOS) {
       //解释一下,这里定义的window.xxxx什么方法,我们的window对象下是没有这个方法的,只有当我们的程序,运行到了适当的环境中,app会给我们的window对象添加这个方法,让我们可以调用,所以用了try防止报错
   //下面的callIos和callAndroid就是我和app大兄弟约定的方法
                try {
                    window.webkit.messageHandlers.callIos.postMessage(
                        JSON.stringify(sendData)
                    );
                } catch (e) {}
            } else {
                try {
                    window.jsInterface.invokeMethod("callAndroid", [
                        JSON.stringify(sendData)
                    ]);
                } catch (e) {}
            }

免责申明:本站发布的内容(图片、视频和文字)以转载和分享为主,文章观点不代表本站立场,如涉及侵权请联系站长邮箱:xbc-online@qq.com进行反馈,一经查实,将立刻删除涉嫌侵权内容。