App与H5交互的几种方式

这篇具有很好参考价值的文章主要介绍了App与H5交互的几种方式。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1、直接调用App的定义的方法

首先我们需要判断当前App的客户端是Ios还是Android,针对不同的客户端我们需要调用不同的方法。

toLogin: () => { 
  if (window.webkit && window.webkit.messageHandlers) { 
      // Ios 客户端调用方法
    window.webkit.messageHandlers.toLogin.postMessage('11');
  } else if (window.PlatformCurrency) { 
      // Android 客户端调用方法
    window.PlatformCurrency.toLogin()
  }
}
2、调用方法获取数据

这种方法和第一种方法一致,只不过是Ios与Android返回的值不同。

toKyc: () => { 
  if (window.webkit && window.webkit.messageHandlers) { 
    return window.webkit.messageHandlers.IDVerfication.postMessage('11');
  } else if (window.PlatformCurrency) { 
    return window.PlatformCurrency.IDVerfication()
  }
}
3、暴露方法给App调用传值

在很多时候并不一定是H5去调用App,我们有时候还需要App来调用H5来达到某种目的。
例如:
当我在H5页面内调用了App的登录方法,登录完成后我们需要得到用户的token,此时我们就可以暴露一个方法让App来调用H5暴露的方法,通过回调把值传递给H5进行进一步的操作。

window["loginSucceed"] = (token) => { 
  console.log('token:',token)
}

https://juejin.cn/post/7114282473164374029文章来源地址https://www.toymoban.com/news/detail-514740.html

到了这里,关于App与H5交互的几种方式的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • vue h5 项目中与 app 安卓 or ios 进行交互 方式, h5与app交互

    vue h5 项目中与 app 安卓 or ios 进行交互 方式, h5与app交互 前端同学可以加我一起交流一起进步 案例描述:需求是 混合开发中,H5页面与原生app安卓或者ios交互(包括,调用app的方法,或者app调用 h5中定义的方法)从而实现交互 项目场景:开发帮助中心页面,帮助中心页面采

    2024年02月11日
    浏览(32)
  • Java开发或调用WebService的几种方式

    1.服务端开发与发布 编写接口 编写接口的实现类 发布服务 访问已发布的WebService服务 打开浏览器输入http://127.0.0.1:8888/JaxWSTest?wsdl访问,如下面内容 截图内容1 浏览器中输入wsdl文档中的 http://127.0.0.1:8888/JaxWSTest?xsd=1可查看绑定的参数等信息看如下图: 截图内容2 jdk自带生成W

    2024年01月17日
    浏览(37)
  • Java中常见的几种HttpClient调用方式

    一、HttpURLConnection调用 方式一: 方式二: 缺点:不能直接使用池化技术,需要自行处理输入输出流 二、apache common封装HttpClient 引入依赖 实现 三、CloseableHttpClient 可以使用连接池保持连接,并且过期自动释放。引入jar包 引入依赖 实现 非连接池连接: 四、OkHttp3 引入依赖 实

    2024年02月04日
    浏览(35)
  • Python调用API接口的几种方式

    Python调用API接口的几种方式 相信做过自动化运维的同学都用过API接口来完成某些动作。API是一套成熟系统所必需的接口,可以被其他系统或脚本来调用,这也是自动化运维的必修课。 本文主要介绍python中调用API的几种方式,下面是python中会用到的库。 - urllib2 - httplib2 - pycu

    2024年02月12日
    浏览(31)
  • Android快速退出APP的几种方式

    将主活动设置为SingleTask模式,可以确保每次启动主活动时,都是同一个实例,提高了内存利用率 。在退出的活动中,可以通过Intent将返回主活动,并且重写主活动的onNewIntent方法,在其中加入一句finish()结束。 在AndroidManifest.xml文件中将主活动设置为SingleTask模式: 在退出的活

    2024年02月13日
    浏览(40)
  • 使用css和js给按钮添加微交互的几种方式

    在现实世界中,当我们轻弹或按下某些东西时,它们会发出咔嗒声,例如电灯开关。有些东西会亮起或发出蜂鸣声,这些响应都是“微交互”,让我们知道我们何时成功完成了某件事。在本文中,我们将学习向网页按钮添加微交互的几种简单方法。 微交互是用户界面上的小交

    2024年02月14日
    浏览(35)
  • java中调用groovy脚本的几种方式

    Groovy 是一种基于 JVM 的动态语言,与 Java 语言紧密集成,可以很方便地在 Java 项目中使用。Groovy 有着简洁的语法、灵活的类型系统、强大的元编程能力,适合编写各种类型的脚本和应用程序。使用groovy也可以实现java程序的动态扩展,和用于插件化的开发,增强系统的可扩展

    2024年02月14日
    浏览(26)
  • 移动端 H5 实现拍照功能的几种方法

    下面是实现移动端 H5 拍照功能的几种方法: 1、使用 input type=\\\"file\\\" :通过 HTML5 规范中的 input type=\\\"file\\\" 调用系统摄像头,并选择拍摄的照片。但这种方式可能会导致页面刷新。 实现移动端 H5 拍照功能的代码: 在 HTML 中创建一个 input type=\\\"file\\\":  2,在 JavaScript 中为该元素绑定

    2024年02月16日
    浏览(38)
  • java实现调用http请求的几种常见方式

    ------ Oracle中文开发者社区 ------ 如果你想要学习编程,关注本博客,持续获得技术支持,持续获得技术咨询 java开发·企业官方账号 Oracle中国官方账号 Java中国管理部 全网粉丝30万+ 华为云享专家 阿里专家博主 CSDN内容合伙人 CSDN原力计划作者 51CTO专家博主 CSDN博客V账号 毕业于四川

    2024年02月04日
    浏览(33)
  • H5页面跳转到小程序的几种实现方法

    可以通过服务端接口或在小程序管理后台「工具」-「生成 URL Scheme」入口可以获取打开小程序任意页面的 URL Scheme 使用示例 服务端配置好接口,客户端调用接口传入目标小程序的path路径 这种适用于运行在微信环境的自定义H5页面,将跳转按钮融合在自研H5应用,点击按钮后跳

    2024年02月15日
    浏览(32)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包