是否可以从我的ionic2应用程序重定向到外部应用程序？
是的，可以从Ionic 2应用程序重定向到外部应用程序。在Ionic中，可以使用Cordova插件和Ionic Native库来实现此功能。
要实现重定向到外部应用程序，可以使用Ionic Native的InAppBrowser插件。首先，确保已安装InAppBrowser插件：
ionic cordova plugin add cordova-plugin-inappbrowser
npm install @ionic-native/in-app-browser然后，在需要进行重定向的页面的组件中，导入InAppBrowser模块并注入到构造函数中：
import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';
constructor(private iab: InAppBrowser) { }接下来，可以使用InAppBrowser的create()方法来打开外部应用程序的URL。例如，要重定向到Twitter应用程序，可以使用以下代码：
const url = 'twitter://user?screen_name=ionicframework';
const browser = this.iab.create(url);这将尝试打开Twitter应用程序，并导航到指定的用户页面。
如果外部应用程序不可用或未安装，可以提供一个备用URL，以便在没有外部应用程序的情况下在浏览器中打开。可以使用onloadstart事件监听器来检测是否成功打开了外部应用程序。如果未成功打开，可以使用备用URL打开：
const url = 'twitter://user?screen_name=ionicframework';
const fallbackUrl = 'https://twitter.com/ionicframework';
const browser = this.iab.create(url);
browser.on('loadstart').subscribe(event => {
if (event.url === url) {
// External app opened successfully
browser.close();
} else if (event.url === fallbackUrl) {
// External app not available, open fallback URL in browser
browser.close();
window.open(fallbackUrl, '_system');
}
});以上代码将尝试打开Twitter应用程序，如果失败，则会在浏览器中打开备用URL。
推荐的腾讯云相关产品：腾讯云移动应用分析（MTA），腾讯云移动推送（MPS）
腾讯云移动应用分析（MTA）：提供全面的移动应用数据分析服务，帮助开发者深入了解用户行为、应用性能和用户价值，优化产品决策，提升用户体验。
产品介绍链接地址：腾讯云移动应用分析（MTA）
腾讯云移动推送（MPS）：提供高效、稳定、可靠的移动消息推送服务，支持多种推送方式，帮助开发者实现消息推送、用户分群、消息统计等功能。
产品介绍链接地址：腾讯云移动推送（MPS）
相关·内容
我正在将一个支付网关集成到我的离子型应用程序中，在这个应用程序中，我在服务器端使用节点js。在单击按钮时，我将用户重定向到使用离子本机inAppBrowser的支付网关页面，之后我将收听url事件。当付款成功时，浏览器将重定向到success url，否则它将重定向到失败的url。基于此，我正在处理应用程序中的UI。我的问题是，当我侦听成功/失败的url并调用关闭浏览器事件时，我会得到这个错误。
Uncaught : this.browser.close不是函数
我也尝试了隐藏()方法，但是我得到了同样的错误。以下是我的密码。
import { Component } from
浏览 2提问于2017-11-24得票数 1
回答已采纳
我尝试使用InAppBrowser从“离子型本机/应用程序内浏览器”打开外部url。它在浏览器中调试时运行良好，但在实际设备中调试时出错。给定波纹管误差
错误错误: Uncaught (为了承诺)：Error: Java异常是在方法调用错误期间引发的: Java异常是在androidExec (cordova.js:960) at module.exports (inappbrowser.js:113) at new InAppBrowserObject (vendor.js:84078) at PaymentComponent (vendor.js:84119)的方法调用期间引发的。(de
浏览 0提问于2019-07-09得票数 0
回答已采纳
1回答
在我的离子项目，我已经创建了在app.html的边菜单，可以通过整个应用程序，这个菜单包含项目与链接，应该打开外部。我试图用InAppBrowser打开它们，但是我已经启动了这个错误程序：
uncaught (in promise) invalid views to insert
app.html：
<ion-list no-margin>
<ion-item menuClose ion-item no-lines *ngFor="let l of SocialLinks" (click)="openPage(l.Url)
浏览 0提问于2018-09-20得票数 0
回答已采纳
我使用Ionic 2，并希望使用设备的默认浏览器从远程服务器打开PDF文件。我有几个问题
首先，我无法在浏览器上运行此操作。我知道这个错误：
本机: InAppBrowser未安装或您正在浏览器上运行。回到window.open。
似乎表示对所有设备和浏览器的支持。我是做错什么了还是医生做错了？
其次，当我运行应用程序时，PDF文件不会在系统的默认浏览器中打开，而是在应用程序中打开。我正在使用Ionic View进行测试。这是我的代码：
import { InAppBrowser } from '@ionic-native/in-app-browser';
construct
浏览 8提问于2017-04-10得票数 0
如果有一个网络连接，但如果互联网不工作。例如，有一个wifi连接，但wifi没有互联网连接，浏览器可以观察到触发“加载错误”事件。
代码：
import { Component } from '@angular/core';
import { Platform,AlertController,LoadingController } from 'ionic-angular';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '
浏览 1提问于2017-04-02得票数 3
我正在添加应用程序浏览器角离子项目。我创建了一个选项卡项目。在选项卡1中，我显示了我们单击的a按钮，新页面必须在web上打开。以下是tab1.page.html的代码
<ion-header [translucent]="true">
<ion-toolbar>
<ion-title>
Tab 1
</ion-title>
</ion-toolbar>
</ion-header>
<ion-content [fullscreen]="true"&g
浏览 2提问于2021-07-15得票数 0
回答已采纳
插件：
cordova plugin add cordova-plugin-networkinterface
代码：
networkinterface.getIpAddress((ip) => {
console.log(ip);
});
错误：
TypeError: Cannot read property 'getIPAddress' of undefined
现在，我既没有提供任何提供者，也没有提供任何导入，那么它在离子2中是如何工作的呢？
这不是一个本地插件。但是这个插件是在离子2中工作的，根据这个
Package.json：
{
"name&
浏览 4提问于2017-04-09得票数 2
2回答
我用的是Ionic 3，这段代码适用于其他网站，但不适用于Google Play的url。如何使用WebView加载谷歌Play页面？
import { Component } from '@angular/core';
import { NavController, Platform } from 'ionic-angular';
import { InAppBrowser, InAppBrowserOptions } from '@ionic-native/in-app-browser';
declare var navigator:
浏览 0提问于2018-06-25得票数 2
2回答
问题
我有一个使用Ionic4的打开的页面。浏览器打开得很好，但焦点停留在前一个屏幕上。
对于残疾用户来说，这是一个问题，因为他们无法使用像Voiceover这样的可访问性工具来浏览打开的浏览器。当他们滑动时，它只是在打开的浏览器后面的元素上滑动。这个问题似乎孤立于iOS (Android正确地将焦点放在应用程序浏览器中)。
我试过什么
到目前为止，我已经尝试订阅'loadstop‘事件，并执行Javascript来集中关注浏览器中的ID：
package.json
"ionic": "4.7.1",
"@ionic-native/in-app-
浏览 1提问于2020-09-08得票数 1
我使用离子3作为我的应用程序。在我添加云角和使用CloudModule.forRoot(cloudSettings)代码之前，每件事情都能正常工作。运行离子运行android -设备后，我得到空白屏幕与未明的错误:找不到模块“离子本机”在控制台。我的package.json文件：
{
"name": "ionic-hello-world",
"author": "Ionic Framework",
"homepage": "http://ionicframework.com/",
"priv
浏览 3提问于2017-06-01得票数 0
回答已采纳
我的Android项目是一个Ionic应用程序，它可以流音频，当应用程序被推到后台时也是如此。MusicController插件处理后台音频。所有的工作与我的应用程序很好，即音频可以在后台播放，同时做其他应用程序的事情。
但是，当我单击应用程序中的URL (通过InAppBrowser插件(=IAB)在系统浏览器中启动)时，音频就会突然停止，MusicController就会停止并关闭。然而，应用程序本身并没有关闭，因为它可以从任务视图中重新激活，而无需显示启动屏幕。
有人知道为什么会发生这种事吗？我能阻止IAB插件关闭音频频道吗？
在我的.ts中：
import { InAppBrowser
浏览 0提问于2018-04-09得票数 0
回答已采纳
Ionic2项目。我在typescript中使用了InAppBrowser，webview是基于tomcat服务器的。我想从外部javascript函数调用typescript函数。如何调用该函数？在我的代码下面。
import { Component, ViewChild, ElementRef } from '@angular/core';
import { NavController, Content } from 'ionic-angular';
import { InAppBrowser } from '@ionic-native/in-app
浏览 0提问于2017-11-01得票数 1
我在我的应用程序中使用在系统浏览器中打开一个链接。它很好用。但是，当我使用But按钮关闭浏览器时，我无法进入应用程序的前一个状态。我需要简单地关闭浏览器，并返回到以前的状态我的应用程序。
// in .html file
<ion-col col-4>
<a href= "#" ion-item class="min-height"
(click)="GotoLink(patientNote[0].FileUrl)">
<ion-icon name=&
浏览 0提问于2018-03-03得票数 1
回答已采纳
我正在尝试在ionic中打开spotify身份验证URL。我正在使用应用内浏览器将用户重定向到那里，然后再重定向回来。(Iab是InappBrowser，this.url是工作url供参考)。下面是我当前的代码：
const browser = this.Iab.create(this.url,"_blank",'location=yes')
browser.on('loadstop').subscribe(function(){
browser.executeScript({code:'alert("hell
浏览 3提问于2020-05-17得票数 0
1回答
我正在尝试将facebook登录到我的离子型2应用程序中。我一直在遵循指南，直到我开始在构造函数中使用Auth和User为止，一切都很好。
问题是，目前当我在构造函数中使用public auth: Auth, public user: User时，就会出现问题。
未明错误:找不到模块“离子本机”
以下是我的完整代码
import { Component } from '@angular/core';
import { Auth, User } from '@ionic/cloud-angular';
@Component({
selector: &#
浏览 9提问于2017-06-08得票数 1
回答已采纳
在发送帖子后，loadstop事件没有被触发……我不知道为什么。我已经花了3天的时间，我已经接近最后期限了。 任何帮助都是非常感谢的。 import { InAppBrowser } from '@ionic-native/in-app-browser/ngx';
//CREATE THE FORM AND URL
var form = document.createElement("form");
var url = this.requestPath;
form.setAttribute("method", "post");
浏览 33提问于2021-08-03得票数 0
回答已采纳
我知道有上千个线程在谈论这个话题，但事实上，读了它们，执行了他们说的话，我找不到关键。还有..。我读过很多书，也试过很多次。
我的问题如下。我正在使用InAppBrowser模块(InAppBrowser from @ ionic-native / in-app-browser / ngx)
我正在创建以下代码。
constructor (private iab: InAppBrowser, private platform: Platform) {
this.iab.create ('http://www.myweb.com/app', '_blank'
浏览 0提问于2019-07-15得票数 3
回答已采纳
我安装了Ionic Cordova的inAppBrowser插件(至少我认为我安装正确了。我遵循了这里的说明：)。
我将inAppBrowser导入到我的app.module.ts文件中，并将其添加到提供者列表中：
import { InAppBrowser } from '@ionic-native/in-app-browser';
和
providers: [
StatusBar,
SplashScreen,
InAppBrowser,
{provide: ErrorHandler, useClass: IonicErrorHandler}
]
我还将其注入到相关页面中
浏览 1提问于2017-09-19得票数 0
这是一个角5/离子3应用程序。我有一个div，其中显示从一个富文本编辑器生成的用户生成的html：
<div [innerHtml]='text'></div>
这些数据可以包括<a href>链接，为了强制在系统的默认浏览器中打开，我需要捕获单击事件。
对于静态内容，我做了一个完美的指令，但不会影响innerHtml元素中的任何内容。
import { Directive, Input, HostListener } from "@angular/core";
import { InAppBrowser } from
浏览 0提问于2018-08-15得票数 0
回答已采纳
我一直在一个需要在应用程序内部打开网站的项目上工作。所以，我在ionic 3上使用了Cordova InAppBrowse。问题是，我在显示解析错误时出现了错误。
在index.html上
<div style="text-align: center;">
<button ion-button type="button" (click)="open('https://coins4ar.com/{{coinsGroup.symbol}}/')">More Info
</button>
&
浏览 67提问于2018-05-30得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
