如何在离子应用程序中共享链接回该应用程序的链接

plus

我正在尝试在ionic应用程序中实现社交共享,我能够通过本地共享表成功共享链接。当链接的共享者单击该链接时,该链接是指链接回应用程序中的项目。如果用户安装了该应用程序,则提示用户安装该应用程序。但这不是这种方式,而是询问您是否要使用PlayStore或浏览器打开。

以下是我在安装cordova社交共享后成功共享链接的第一件事

.controller('myCtrl', function($state, $cordovaContacts, $ionicActionSheet, $cordovaSocialSharing ) {
  $scope.share = function(id) {
    $cordovaSocialSharing
      .share("my Link Description", null, null,"https://play.google.com/store/apps/deatils?com.ionicframework.myapp/app/item/"+id) //    Share via native share sheet
      .then(function(result) {
        // Success!
      }, function(err) {
        // An error occured. Show a message to the user
      });
    }
  }
})

而视图是这样的

<a ng-click="share(id)"><i class="ion ion-share"></i> </a>

当链接无法按预期工作时,我进行了进一步的研究,我发现自定义URL方案PhoneGap插件是Cordova的一个很酷的插件,旨在允许通过单击电子邮件中的链接或启动应用程序来启动应用程序。网页

安装插头后,链接应按以下方式使用;

<a href="mycoolapp://">Open my app</a>
<a href="mycoolapp://somepath">Open my app</a>
<a href="mycoolapp://somepath?foo=bar">Open my app</a>
<a href="mycoolapp://?foo=bar">Open my app</a>

但是,如果我将其中的任何原始内容放入社交共享实现中,它都会按编写时的方式共享它,因此无法单击链接。

DevStarlight

好的。让我们一步一步走。

首先,您不仅需要安装用于该插件的插件URL scheme(我使用插件),还需要安装一个URL链接到您的应用程序通用链接插件完成所有过程后,您的文件应如下所示:httphttp://example.comexample://config.xml

<plugin name="cordova-plugin-customurlscheme" spec="~4.2.0">
  <variable name="URL_SCHEME" value="example" />
  <variable name="ANDROID_SCHEME" value=" " />
  <variable name="ANDROID_HOST" value=" " />
  <variable name="ANDROID_PATHPREFIX" value="/" />
</plugin>

<plugin name="cordova-universal-links-plugin" spec="~1.1.2" />
<universal-links>
  <ios-team-id value="xxxxxx" />
  <host name="angular.example.com" scheme="https">
    <path event="openUrl1Page" url="/url1/*" />
    <path event="openUrl2Page" url="/url2/*" />
  </host>
</universal-links>

注意:您将看到ul_web_hooks已创建一个名为的文件夹也将<link>元素复制到您的主.html文件中(实际上对我来说,它不需要这样做,但是在文档中,他们说这是必需的)。

完成上述app两项操作后,您应该可以打开以下控制台:

adb shell am start -W -a android.intent.action.VIEW -d "http://angular.example.com/url1/x"

如果使用该URL方案,它也应该起作用

adb shell am start -W -a android.intent.action.VIEW -d "example://url1/x"

接下来,您需要手动引导您的应用程序,因此要cordova根据应用程序的加载方式(通常是打开应用程序或由于有人单击链接决定)进行引导(请注意,此处您必须处理resumepause可能的状态你们与他们各自的关系addeventListener

请注意,因为使用,这是一个不错的技巧,$urlRouterProvider.otherwise()因为您可以在此处正确设置path

我们的最后一步应该是为那些首次打开链接但尚未安装该应用程序的用户创建一个网站(他们将成功打开URL)。

希望能帮助到你!

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在应用程序中删除ActiveAdmin链接?

来自分类Dev

与应用程序链接错误

来自分类Dev

如何在跨平台应用程序中共享Xamarin.Mobile相关代码

来自分类Dev

如何在多线程Python应用程序中共享单个SQLite连接

来自分类Dev

Ionic应用程序中的“为该应用程序评分” Google Play商店链接

来自分类Dev

如何在iOS应用程序的Whats应用程序上共享链接和短信?

来自分类Dev

如何在React Native应用程序中创建“为该应用程序评分”链接?

来自分类Dev

在颤抖中共享首选项停止应用程序

来自分类Dev

MEF中共享的应用程序资源

来自分类Dev

使用FBDialogs链接回应用程序

来自分类Dev

从应用程序链接到应用程序的facebook

来自分类Dev

在多个Linux发行版中共享应用程序?

来自分类Dev

使用Facebook请求的android应用程序链接共享

来自分类Dev

如何在不使用本机ios应用程序的FBSDKShareDialog的情况下在Facebook墙上共享照片或链接

来自分类Dev

在多个Windows / WP应用程序中共享ResourceDictionary

来自分类Dev

从Android应用程序中共享Google Plus

来自分类Dev

在Qt应用程序中共享Cookie的最佳方法

来自分类Dev

如何在复合WPF应用程序中共享ResourceDictionaries?

来自分类Dev

如何在应用程序中创建深层链接?

来自分类Dev

在android中共享应用程序功能

来自分类Dev

如何在Android的我的应用程序中打开其他应用程序的链接

来自分类Dev

如何通过消息共享应用程序共享应用程序链接

来自分类Dev

facebook 应用程序链接如何在 iOS 上作为延迟链接工作

来自分类Dev

如何在任务窗格应用程序中使用 OfficeJs 获取文档共享链接?

来自分类Dev

在android中共享应用程序链接和apk文件

来自分类Dev

android中所有应用程序的共享链接按钮

来自分类Dev

Swift,如何在我的应用程序中共享 API 结果?

来自分类Dev

watsapp 在 Angular 7 Web 应用程序中共享

来自分类Dev

在 MTA XSA 应用程序中共享 HDI 容器

Related 相关文章

  1. 1

    如何在应用程序中删除ActiveAdmin链接?

  2. 2

    与应用程序链接错误

  3. 3

    如何在跨平台应用程序中共享Xamarin.Mobile相关代码

  4. 4

    如何在多线程Python应用程序中共享单个SQLite连接

  5. 5

    Ionic应用程序中的“为该应用程序评分” Google Play商店链接

  6. 6

    如何在iOS应用程序的Whats应用程序上共享链接和短信?

  7. 7

    如何在React Native应用程序中创建“为该应用程序评分”链接?

  8. 8

    在颤抖中共享首选项停止应用程序

  9. 9

    MEF中共享的应用程序资源

  10. 10

    使用FBDialogs链接回应用程序

  11. 11

    从应用程序链接到应用程序的facebook

  12. 12

    在多个Linux发行版中共享应用程序?

  13. 13

    使用Facebook请求的android应用程序链接共享

  14. 14

    如何在不使用本机ios应用程序的FBSDKShareDialog的情况下在Facebook墙上共享照片或链接

  15. 15

    在多个Windows / WP应用程序中共享ResourceDictionary

  16. 16

    从Android应用程序中共享Google Plus

  17. 17

    在Qt应用程序中共享Cookie的最佳方法

  18. 18

    如何在复合WPF应用程序中共享ResourceDictionaries?

  19. 19

    如何在应用程序中创建深层链接?

  20. 20

    在android中共享应用程序功能

  21. 21

    如何在Android的我的应用程序中打开其他应用程序的链接

  22. 22

    如何通过消息共享应用程序共享应用程序链接

  23. 23

    facebook 应用程序链接如何在 iOS 上作为延迟链接工作

  24. 24

    如何在任务窗格应用程序中使用 OfficeJs 获取文档共享链接?

  25. 25

    在android中共享应用程序链接和apk文件

  26. 26

    android中所有应用程序的共享链接按钮

  27. 27

    Swift,如何在我的应用程序中共享 API 结果?

  28. 28

    watsapp 在 Angular 7 Web 应用程序中共享

  29. 29

    在 MTA XSA 应用程序中共享 HDI 容器

热门标签

归档