开发App经常会遇到web和原生交互的问题,例如:点击web上的某个按钮,调用iOS 原生方法
我们项目有个需求:点击web上的按钮拉起某个微信小程序。
(PS:原先web是可以直接拉起微信小程序,但是2022.4.11之后微信就不允许外部web拉起微信小程序;有点奇怪的是iOS仍旧可以,Android却不行,为了统一方法,都采取web调用App原生方法,由原生方法拉起微信小程序)
原理:App原生监听web的点击方法,双方定义好一个接收参数,App原生监听到这个参数后做你想做的事情。
iOS 端代码:
1.先设置webView的代理如下图 <WKScriptMessageHandler>
2.viewWillAppear 方法里添加JS的监听
[[self.webView configuration].userContentController addScriptMessageHandler:self name:@"ABC"];
ABC:App端和web定义的接收,随意起
3.在viewWillDisappear 方法里移除jS的监听
[[self.webView configuration].userContentController removeScriptMessageHandlerForName:@"ABC"];
4.需要实现webView 的代理方法, 在这个方法里写你需要的逻辑
-(void)userContentController:(WKUserContentController *)userContentController didReceiveScriptMessage:(WKScriptMessage *)message
{
if ([message.name isEqualToString:@"ABC"])
{
//监听到ABC,在这里写你需要的逻辑
}
最后给大家一个iOS 跳转微信小程序的方法: 这里的userName 是web传过来的,也是小程序的ID:gh开头的遗传字符串
web端的方法:
以上是web-->App原生的单项交互,如果App需要反馈信息给web,还需要调用webView的方法:
[self.webView evaluateJavaScript:@"DEF" completionHandler:^(id _Nullable, NSError * _Nullable error) {
}];
这里传入的参数“DEF” 是String类型,如果你想传入数组或者字典,你得转json格式传入