ionic-framework - 如何使用 ionic 为我的网站创建一个简单的 webview

Question

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

npm install -g 科尔多瓦

版本->9.0.0

npm install -g 离子

版本->5.0.3

离子启动 myApp 空白

cd myApp

离子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 并不意味着这样做，例如，您可以简单地使用 iframe

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

或者如果您想在 Safari 等外部浏览器中打开它，请使用 inAppBrowser 插件

在这里找到一个工作示例

Answer 2

具体到你的问题

1. 在您的 Ionic 应用程序文档中安装这些插件

    $ 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");
    }
   

体验美景:-)