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交互

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

    2024年02月11日
    浏览(13)
  • Java中常见的几种HttpClient调用方式

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

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

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

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

    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日
    浏览(18)
  • Android快速退出APP的几种方式

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

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

    使用css和js给按钮添加微交互的几种方式

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

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

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

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

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

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

    java实现调用http请求的几种常见方式

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

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

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

    2024年02月15日
    浏览(13)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包