JS与OC的交互 WebViewJavaScriptBridge WEB微信支付:

Markdown及扩展

网上找了挺多的,自己给自己总结了一下(仅供小白参考,大牛就放过我吧)说白了就是混合开发H5+原生

想要从网页对APP进行操作,最直接的就是微信支付,因为微信没有开放他的Web版的支付(京东可以,是因为签协议了),所以就需要客户端来操作了

总体来说我们需要的就是通过WebViewJavaScriptBridge进行H5与客户端之间的通信

A . H5发送消息给客户端(带需要的参数)

B . 客户端给H5发送消息(可以带参数)

  1. H5不能直接调起微信客户端,需要原生调起微信客户端(js调起客户端)。通过WebViewJavaScriptBridge实现,H5需要调用JSB进行注册一个方法,iOS/Android进行注册,调起相同的方法名,当H5触发这个方法,客户端可以获取到H5传过来的参数,实现想做的动作

  2. 微信支付结果,iOS/Android获取到支付结果的时候,同样通过之前注册的方法,可以给H5传参数。

    多说无益,上代码了

代码块

  //bridge注册js回调方法[_bridge registerHandler:@"testObjcCallback" handler:^(id data, WVJBResponseCallback responseCallback) {UIAlertView * alert = [[UIAlertView alloc]initWithTitle:@"来自js的消息" message:[NSString stringWithFormat:@"%@",data] delegate:nil cancelButtonTitle:@"确定" otherButtonTitles:nil, nil];[alert show];}];

//button单击事件:调用js的方法
id data = @{ @”greetingFromObjC”: @”你好, JS!” };

[_bridge callHandler:@"testJavascriptHandler" data:data responseCallback:^(id response) {
}];

有需要可以找我要demo,看见很多人需要,我附上一个github上的demo链接,这是一个简易版的,满足不了你的需求,你可以私信我,我还有好几个
demo链接

JS与OC的交互 WebViewJavaScriptBridge WEB微信支付相关推荐

  1. iOS中JS 与OC的交互(JavaScriptCore.framework)

    iOS中实现js与oc的交互,目前网上也有不少流行的开源解决方案: 如:react native 当然一些轻量级的任务使用系统提供的UIWebView 以及JavaScriptCore.framewo ...

  2. 区块链】利用Node.js开发与合约交互的Web界面

    区块链]利用Node.js开发与合约交互的Web界面 2018-03-11 16:10:37 宣之于口 阅读数 6128  收藏 更多 分类专栏: 区块链 区块链学习笔记 版权声明:本文为博主原创文章 ...

  3. iOS下JS与OC互相调用(五)--UIWebView + WebViewJavascriptBridge

    WebViewJavascriptBridge是一个有点年代的JS与OC交互的库,使用该库的著名应用还挺多的,目前这个库有7000+star.我去翻看了它的第一版本已经是4年前了,在版本V4.1.4以 ...

  4. iOS下JS与OC互相调用(一)--UIWebView 拦截URL

    1.在JS 中做一次URL跳转,然后在OC中拦截跳转.(这里分为UIWebView 和 WKWebView两种,去年因为还要兼容iOS 6,所以没办法只能采用UIWebView来做.) 2.利用WKW ...

  5. 微信公众号开发,微信支付功能开发(网页JSAPI调用)

    1.微信支付的流程 如下三张手机截图,我们在微信网页端看到的支付,表面上看到的是 "点击支付按钮 - 弹出支付框 - 支付成功后出现提示页面",实际上的核心处理过程是: 点击支付按 ...

  6. UIWebView中JS与OC交互 WebViewJavascriptBridge的使用

    一.综述 现在很多的应用都会在多种平台上发布,所以很多程序猿们都开始使用Hybrid App的设计模式.就是在app上嵌入网页,只要写一份网页代码,就可以跑在不同的系统上.在iOS中,app多是通过W ...

  7. iOS下JS与OC互相调用(六)--WKWebView + WebViewJavascriptBridge

    2019独角兽企业重金招聘Python工程师标准>>> iOS下JS与OC互相调用(六)--WKWebView + WebViewJavascriptBridge 转载:原地址 ht ...

  8. iOS JS与OC交互

    iOS JS与OC交互 本文内容导航 1.`UIWebView` JS 与 OC 交互 1.1 OC 调用 JS 函数 1.1.1 OC 拼接 JS 字符串调用 JS 方法 1.1.2 使用 JSCo ...

  9. js(javascript)与OC(Objective-C)交互

    实质上oc与js的通信交互就是发送消息,也即函数调用,iOS7以后官方公布JavaScriptCore framework中很方便我们对他们之间的相互调用.在以前我们只能通过UIWebView的UIW ...

最新文章

  1. nginx防止跨站 lnmp多站点安全设置之一
  2. Netty with protobuf(二)
  3. ADExchange2010 简单安装部署(二)
  4. 笔记-项目立项管理-项目的可行性研究
  5. 机器学习导论(张志华):EM收敛性原理
  6. php中curl的详细解说 【转载】
  7. suse zypper 添加源
  8. DataTable转成字符串复制到txt文本
  9. 火山图 volcano
  10. centos7设置静态IP地址方法
  11. 坐标系统和glMatrix(GLM)
  12. 云服务器多开账号,怎么用云服务器多开模拟器
  13. php出现网页无法运作怎么处理,该网页无法正常运作怎么解决?
  14. 2021-07-16 yarn Total VCores allocated for Containers 与服务器上cpu核数不一致原因
  15. 使用Echars实现水滴状、环形图、分割图、堆叠、组织架构图、地图轮廓等图表
  16. 4.2.1朴素模式匹配算法
  17. HTTP 错误 404.17 - Not Found 请求的内容似乎是脚本,因而将无法由静态文件处理程序来处理。...
  18. 多版本node安装相关知识
  19. IT各大技术经典视频教程大全 一
  20. Iphone Installous IPA file folder location

热门文章

  1. ARM7TDMI体系结构详解 各个后缀字母的含义
  2. NASA World Wind开源项目配置
  3. 常见文件上传漏洞利用
  4. 如何处理SQLServer数据库损坏
  5. 情人节送女朋友什么礼物最好?五大首选礼物排行榜单!
  6. 宝洁网测管道题技巧_【宝洁性格网测题有技巧吗?】-看准网
  7. 解决Cannot find module ‘meteor/meteor’ ‘meteor/check’ ‘meteor/mongo’
  8. DI开关检测计数器WiFi网络模块 开关量NPN PNP输入 频率测量
  9. 在树莓派上编译和使用OpenDDS
  10. 1.前端计网篇之HTTP协议和HTTPS协议