从我的网站使用App Links方法深入链接到我的移动应用程序

时间:2015-06-22 21:33:41

标签: javascript html deep-linking applinks ios-web-app

我正在尝试使用App Links Meta数据添加支持,以便从我们的移动网页深层链接我们的移动应用程序,看起来我在第一步遇到了障碍。文档指出元标记包含在页面的head部分中。 App Links Doc

<head>
    <meta property="al:ios:url" content="mysite://docs" />
    <meta property="al:ios:app_store_id" content="12345" />
    <meta property="al:ios:app_name" content="My Site" />
</head>
  • 元标记目前只能用于Facebook和Twitter,还是任何网站都可以利用它

我看到有很多关于如何在访问IOS或Android应用程序后处理URL的教程。但是我没有看到关于如何在网站上处理这个问题的信息(在它与移动应用程序的链接之间)

  • 那么包含元标记是深层链接所需的唯一步骤吗?

    或者,我们是否需要根据某些操作编写一些javascript,具体取决于用户需要将设备重定向到移动应用配置的网址之一?

比如指定window.location = 'mysite://help'并重新路由到网址,如果失败了。

截至目前,文档似乎并未真正清楚如何在任何应用程序的Web端处理此问题。

3 个答案:

答案 0 :(得分:1)

<强>第一

facebook Document

  

您可以通过定义详细说明应用如何链接到您的内容的元数据,将应用链接支持添加到现有网络内容。您需要将以下信息添加到您的网址:

所以绝对可以用于任何网站。

<强>第二

只需包含元标记即可。

但要注意:

facebook applinks doc说

  

App Links是一种开放标准,可以深入链接到您应用中的内容。当有人使用您的应用程序通过Facebook(或其他支持应用程序链接的应用程序)共享内容时,您可以创建一个链接,以便从该内容中跳回您的应用程序。

当您在墙上测试链接时,它将被缓存。

因此,当您更改html时,应该转到debugger再次获取。

答案 1 :(得分:0)

您可以在此处创建applink:https://developers.facebook.com/quickstarts/?platform=app-links-host

iOS网址是一个用于启动iOS应用的网址 - 例如用于深层链接的模式(app://)。

这将创建一个fb.me/xxxxx链接,您可以将其用作代码中的应用程序链接。

答案 2 :(得分:0)

如果您要创建一个独立的网络应用程序(正如您的问题标签所示),那么目前无法以编程方式启动它。主屏幕网络应用程序必须由用户启动。

App Links仅适用于网站和App Store应用程序,它无法启动网络应用程序。

我已经看到有关Chromium开发人员讨论添加此功能(https://code.google.com/p/chromium/issues/detail?id=468226)的讨论,所以希望它很快会出现在Android / Chrome上,并且 - 手指交叉 - 苹果有一天会跟进。