Cordova深层链接-无法从通用链接中检测到查询参数

时间:2019-10-21 19:08:06

标签: ios cordova ionic-framework ios-universal-links ionic-webview

我正在尝试使用ionic-plugin-deeplinks插件将通用链接添加到Cordova应用。

根据this issue查询参数应该可以直接使用。

我的通用链接正常工作,但带有查询参数的链接

例如。 https://my-site.com/?olddeeplinking=resetpassword&token=123


当我单击电子邮件中的链接时,queryString字段为始终为空字符串

enter image description here

我是否缺少某些东西,是否需要使插件能够检测查询参数?

这是我正在使用的代码:

const deepLinkRoutes = {
  '/user/login': {
    action: 'showLogin',
    resetUrl: '/',
  },
  '/user/forgot-password': {
    action: 'showForgotPassword',
    resetUrl: '/',
  },
  ...
};

export const _getIonicRoutes = () => Object.keys(deepLinkRoutes)
  .reduce((links, route) => {
    links[route] = { target: '', parent: '' };
    return links;
  }, {});

export const handleUniversalLinks = () => {
  const ionicRoutes = _getIonicRoutes();
  const sy = obj => JSON.stringify(obj);
  const matchFn = ({ $link, $route, $args }) => {
    console.log('Successfully matched route', $link, $route, $args);
    alert(`Successfully matched route: ${sy($link)}, ${sy($route)}, ${sy($args)}`);
    return history.push($link.path);
  };
  const noMatchFn = ({ $link, $route, $args }) => {
    console.log('NOT Successfully matched route', $link, $route, $args);
    alert(`NOT Successfully matched route: ${sy($link)}, ${sy($route)}, ${sy($args)}`);
    return history.push($link.path);
  };
  window.IonicDeeplink.route(ionicRoutes, matchFn, noMatchFn);
};

更新: 即使通用链接没有,在Android上收到的意图似乎始终是/ user / login。可能是什么原因造成的?

2019-10-21 17:22:47.107 30389-30389/? D/MessageViewGestureDetector: HitTestResult type=7, extra=https://nj.us.gpd.my_company-dev.com/user/login 2019-10-21 17:22:47.139 1128-1183/? I/ActivityManager: START u0 {act=android.intent.action.VIEW dat=https://nj.us.gpd.williamhill-dev.com/... cmp=us.my_company.nj.sports.gpd/.MainActivity} from uid 10147

1 个答案:

答案 0 :(得分:0)

提示:

深层链接插件似乎正在使用window.location.href来检测查询参数。

由于我使用的是cordova-plugin-ionic-webview,因此href始终是服务于应用程序内容的Ionic引擎的本地主机的别名,因此永远找不到查询参数。

深层链接插件代码:

https://github.com/ionic-team/ionic-plugin-deeplinks/blob/master/src/browser/DeeplinkProxy.js#L40

function locationToData(l) {
  return {
    url: l.href,
    path: l.pathname,
    host: l.hostname,
    fragment: l.hash,
        scheme: parseSchemeFromUrl(l.href),
        queryString: parseQueryStringFromUrl(l.href)
  }
}

onDeepLink: function(callback) {
  // Try the first deeplink route
  setTimeout(function() {
    callback && callback(locationToData(window.location), {
      keepCallback: true
    });
  })
  // ...
}

这是问题所在,但尚不确定解决方案。