ios app与H5页面交互踩坑

本文介绍: ios 和 h5 数据交互

ios 与 H5 页面交互是异步的，有坑

这两端的交互我这边写的如下：

const platform = '判断的平台'
export const getIosData = () => {
  let returnPromise;
  try {
    if (platform === "android" ) {
      returnPromise = Promise.resolve((window as any).android.Provide.getIosData());
    } else if (platform === "iphone") {
      returnPromise = new Promise((resolve, reject) => {
        (window as any).getIosData = (data: string) => {
        //data 是 ios 返回给H5的数据
          resolve(data || "");
        };
      });
      (window as any).webkit.messageHandlers.getIosData.postMessage(给iOS的参数);
    } else {
      returnPromise = Promise.resolve("");
    }
    return returnPromise;
  } catch (e) {
    return Promise.resolve("");
  }
};

坑的就是，如果我在一次执行getIosData() 的时候，并且 ios 还没有回调**(window as any).getIosData** 返回给H5 数据的时候再次调用这个方法，这个时候，
(window as any).getIosData = (data)=> {resolve(data || “”);} 这句，会把前面一个调用的resolve给覆盖掉，导致前面执行的getIosData之后的语句一直不执行，因为promise 没有resolve，一直在等待！！！！
巨坑！

我这边最简单的就是同一时间段只执行一次这个方法，不要重复调用！！
后续还在寻找更好的解决方法，先在这里记一下，防止忘记，有知道的朋友可以评论告诉我下，感谢！

原文地址:https://blog.csdn.net/be_strong_web/article/details/135968970

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。

如若转载，请注明出处：http://www.7code.cn/show_66717.html

如若内容造成侵权/违法违规/事实不符，请联系代码007邮箱：suwngjj01@126.com进行投诉反馈，一经查实，立即删除！

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。