zoukankan      html  css  js  c++  java
  • vue实现与安卓、IOS交互

    方案背景

    • IOS用的是jsBridge插件实现调用、传参、回调的
    • 安卓是在window挂载方法和挂载回调的

    IOS实现方案

    • 调用原生方法封装如下
    function setupWebViewJavascriptBridge (callback) {
        if (window.WebViewJavascriptBridge) {
            return callback(window.WebViewJavascriptBridge)
        }
        if (window.WVJBCallbacks) {
            return window.WVJBCallbacks.push(callback)
        }
        window.WVJBCallbacks = [callback]
        let WVJBIframe = document.createElement('iframe')
        WVJBIframe.style.display = 'none'
        WVJBIframe.src = 'https://__bridge_loaded__'
        document.documentElement.appendChild(WVJBIframe)
        setTimeout(() => {
            document.documentElement.removeChild(WVJBIframe)
        }, 0)
    }
    function callhandler (name, data, callback) {
        setupWebViewJavascriptBridge(function (bridge) {
            bridge.callHandler(name, data, callback)
        })
    }
    
    • 实际调用如下
    callhandler(functionName: string, params: object, res => {})
    
    • 注册方法给原生
    registerhandler (name, callback) {
        // 安卓
        window[name] = res => {
          let data = JSON.parse(res)
          callback(data)
        }
        // IOS
        setupWebViewJavascriptBridge(function (bridge) {
            bridge.registerHandler(name, function (data, responseCallback) {
                callback(data, responseCallback)
            })
        })
    }
    

    安卓实现方案

    • 调用原生方法
    window.HTTP_TEST.functionName()
    
    • 定义回调方法/注册方法给原生
    window['functionName'] = res => {}
    

    特殊说明

    1. 安卓在交互中的参数传递只能支持string类型,对象参数要转成string传递
    2. 因为安卓的回调方法名是固定的,同一方法同时请求两次以上时,有可能只得到一次回调。如果用随机数处理就会不断地在window上挂载新的函数,调用次数过多可能会出问题,所以目前是避免同时请求同一方法来解决的。如果有需求避免不了,那还是要用随机数解决。
  • 相关阅读:
    Freemaker:操作集合
    win10:在关闭防火墙下如何屏蔽特定端口
    win10:家庭版开启组策略
    oracle:10g下载地址(转载)
    mybatis:延迟加载时不要在get/set方法上面添加final关键字(原创)
    mybatis:在springboot中的配置
    mybatis:访问静态变量或方法
    maven:手动安装JAR到本地仓库
    datatables日常使用集合
    python 装饰器
  • 原文地址:https://www.cnblogs.com/lalalagq/p/9900482.html
Copyright © 2011-2022 走看看