如何在 React.js Cordova 应用程序上调用 Branch 侦听器

Question

我正在 Cordova 框架中使用 React.js 应用程序。

由于文档不是很清楚，我想了解如何在我的应用程序中调用 Branch.io 侦听器，以便我可以捕获 Branch.io link被点击，被点击的人和点击的内容 URL。必须有一种方法可以从 React 本身调用 Branch.io 事件（否则，你怎么能在应用程序中监听事件？）。我在 index.js 文件中尝试了以下操作，但没有成功，因为 React 应用程序的构建失败（因为 cordova 仅在运行时可用）。

import {Branch} from "branch-cordova-sdk"

如有任何帮助，我们将不胜感激！提前致谢！

Answer 1

对于到达此页面的任何其他人：

如果您尝试在 React.js 应用程序（非 React native）中从 Branch.io 生成和访问分支，并且您已将其嵌入到 Cordova 应用程序中，则必须遵循以下文档： https://help.branch.io/developers-hub/docs/web-basic-integration

作为快速要点：

您必须调用 index.html 文件中的分支，如文档中所述：

<!doctype html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title></title>
  <script>
    // load Branch
    (function(b,r,a,n,c,h,_,s,d,k){if(!b[n]||!b[n]._q){for(;s<_.length;)c(h,_[s++]);d=r.createElement(a);d.async=1;d.src="https://cdn.branch.io/branch-latest.min.js";k=r.getElementsByTagName(a)[0];k.parentNode.insertBefore(d,k);b[n]=h}})(window,document,"script","branch",function(b,r){b[r]=function(){b._q.push([r,arguments])}},{_q:[],_v:1},"addListener applyCode autoAppIndex banner closeBanner closeJourney creditHistory credits data deepview deepviewCta first getCode init link logout redeem referrals removeListener sendSMS setBranchViewData setIdentity track validateCode trackCommerceEvent logEvent disableTracking".split(" "), 0);
    // init Branch
    branch.init('key_live_YOUR_KEY_GOES_HERE');
  </script>
</head>
<body>
</body>
</html>

然后，在您的 React.js 应用中，直接添加分支侦听器：

    function onResume() {
      let branch = window.branch;
      // Whatever else you want to do when you receive your branch information.
    }

从那里开始，只需定义您要对分支执行的操作即可。

如何在 React.js Cordova 应用程序上调用 Branch 侦听器

How to call Branch listeners on React.js Cordova app

events

cordova

reactjs

branch.io