如何在 Ionic 2/3 应用程序中使用 branch.io 创建 Android 应用程序链接?

Posted

技术标签:

【中文标题】如何在 Ionic 2/3 应用程序中使用 branch.io 创建 Android 应用程序链接?【英文标题】:How to create Android app links using branch.io in Ionic 2/3 app? 【发布时间】:2018-06-16 18:04:32 【问题描述】:

我有点难以理解 Ionic 平台 Wrapper SDK 的一些分支概念的实现。

我使用 SDK 生成了短 URL,但它似乎在应用启动之前在浏览器中被 重定向链接 -> 浏览器 -> 应用切换

如何避免这种重定向?我已经启用了 android 应用程序链接,添加了 SHA 256 证书,并根据 SDK 文档在 config.xml 中添加了所有配置。

是否可以像https://bnc.lt/a/key_live_kaFuWw8WvY7yn1d9yYiP8gokwqjV0Swt?foo=bar&baz=456&$fallback_url=https%3A%2F%2Fbranch.io%2F 中那样使用“/a/ 和分支键”来生成长链接

类似branchcordova://a/key_live_kaFuWw8WvY7yn1d9yYiP8gokwqjV0Swt?foo=bar&baz=456&$fallback_url=https%3A%2F%2Fbranch.io%2F

【问题讨论】:

【参考方案1】:

看起来像是配置问题。您是否在config.xml 文件中添加了您的链接域?您可以在Link Settings 页面上找到您的链接域。

<!-- sample config.xml -->
<widget id="com.eneff.branch.cordovatestbed" 
version="0.0.1" xmlns="http://www.w3.org/ns/widgets" 
xmlns:cdv="http://cordova.apache.org/ns/1.0">
<!-- Branch -->
<plugin name="branch-cordova-sdk" spec="^2.5.0" />
<branch-config>
    <branch-key value="<YOUR LIVE KEY>" />
    <uri-scheme value="<YOUR URI SCHEME>" />
    <link-domain value="<YOUR LINK DOMAIN>" />
    <ios-team-release value="<YOUR TEAM ID>" />
</branch-config>

只能使用您的链接域生成长链接。

branchcordova://a/key_live_kaFuWw8WvY7yn1d9yYiP8gokwqjV0Swt?foo=bar&amp;baz=456&amp;$fallback_url=https%3A%2F%2Fbranch.io%2F 之类的内容不正确。

https://example.app.link/fzmLEhobLD?foo=bar&amp;baz=456&amp;$fallback_url=https%3A%2F%2Fbranch.io%2F 这样的说法是正确的。

如果您配置了自定义链接域,则应使用https://link.example.com

更多关于长链接的信息-https://docs.branch.io/pages/links/integrate/#long-links

【讨论】:

我在 config.xml 中添加了链接域和 URI 方案。 通过 hangouts/whatsapp 共享时,在打开应用之前会进行重定向。【参考方案2】:

如果我们使用 Android 应用链接(URI 方案),那么应用会直接打开。但是,它会被检测为非分支链接,我们可能无法获得任何分析数据或 branch.io 相关功能。

短网址和长网址的重定向似乎取决于打开链接的应用程序。环聊应用等一些应用会执行重定向操作。

如果我们要从应用程序内部打开一个分支链接,我们可以执行以下操作以某种方式跳过重定向。

const longLink = https://bnc.lt/a/key_live_kaFuWw8WvY7yn1d9yYiP8gokwqjV0Swt?foo=bar&baz=456;
window.open(longLink, '_system');

【讨论】:

以上是关于如何在 Ionic 2/3 应用程序中使用 branch.io 创建 Android 应用程序链接?的主要内容,如果未能解决你的问题,请参考以下文章

使用 Ionic 2/3 的项目存档

如何在 ionic 3 应用程序中添加“使用 Apple 登录”?

如何在 ionic 3 应用程序中使用 ion-img?

如何在 Ionic 中调整应用内浏览器的大小 [关闭]

如何在 Ionic 4 中使用 Firebase 处理刷新令牌?

ionic2 如何设置选项 value="..." 以保持数字 0,1,2,3,