APP与H5交互混合开发模式

APP与H5交互：1.背景2.如何交互（APP-H5，h5-APP传递价值）1.背景由于App发布周期长，灵活性差，如果有较大的程序改动需要发布解决；如果有错误，则更难修复。WebApp作为H5的主要开发方式，灵活性比较强。利用操作系统中的h5容器作为承载，对外提供url链接，url链接对应的内容可以在服务器端实时修改，非常灵活，避免了APP带来的时间成本发布周期。iOS中存在的h5容器主要有UIWebView和WKWebView，不再接受UIWebView。WKWebView具有更快的加载速度和性能，以及更低的内存占用。新闻的方式。MessageHandler需要设置，两个交互的H5传值APP设置如下：//判断都是iosexportconstisApple=()=>{return/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent);}//判断是AndroidexportconstisAndroid=()=>{return/(Android)/i.test(navigator.userAgent);}/*h5传值给App*window.webkit.messageHandlers..postMessage()*这个name是设置MessageHandler的第二个参数，和APP约定的名字，类似下面的appaction*/exportconstdoAppAction=(ed)=>{try{isApple()&&window.webkit.messageHandlers。appaction.postMessage(ed);isAndroid()&&window.SysClientJs.appaction(JSON.stringify(ed));}catch(err){console.log("doapperr"+err);}}APP传值H5/***h5接收APP的值，暴露在window对象下*/window['bridge']=(message)=>{//more}