如何使用ionic为我的网站创建简单的Webview

Question

我正在尝试使用ionic为我的网站制作一个简单的Webview应用程序。
我所做的是

  

npm install -g cordova

版本-> 9.0.0

  

npm install -g离子

版本-> 5.0.3

  

ionic启动myApp空白

     

cd myApp

     

ionic cordova插件添加cordova-plugin-ionic-webview

     

npm install @ ionic-native / ionic-webview

现在我应该在哪里编辑文件。我只想放置我的网站链接，没有更多的额外功能。我找不到制作Webview应用程序的好指南。我需要使用in-app-browser而不是webview吗？我会错过任何步骤吗？

cordova-plugin-ionic-webview说要查找<preference name="Hostname" value="app" />，我在应用程序根目录的config.xml中找不到该代码。该代码在哪里？

还建议哪种平台最适合跨平台Webview应用。

Answer 1

我想您只想显示一个现有网站？ Webview并不是要这样做，您可以简单地使用iframes

<ion-content>
    <iframe src="https://www.example.com"  style="width:100%;height:100%" scrolling="yes" ></iframe>
</ion-content>

或者如果您想在外部浏览器（如野生动物园）中打开它，请使用inAppBrowser插件

找到一个有效的示例here

Answer 2

针对您的问题

1. 在您的Ionic应用doc中安装这些插件

    $ ionic cordova plugin add cordova-plugin-inappbrowser
    $ npm install @ionic-native/in-app-browser 
   

2. 在app.module.ts文件中导入不要忘记输入提供程序数组

3. 在所需的文件home.ts中，与按钮绑定或直接调用

    public openWebView(): void {
       this.iab.create("https://www.example.com", "_blank");
    }
   

体验美景：-）