离子4电容器角度：如何为ios和android编写特定于平台的ts代码？

Question

如何在ts文件中编写特定于平台的代码？那么只对ios有效的代码和只对android有效的代码呢？如何确定设备是以ios还是android作为操作系统运行？

我使用带电容器和角度的离子4。

非常感谢！

Answer 1

非常感谢你的努力。

我找到了我要找的东西。

https://capacitor.ionicframework.com/docs/apis/device

import { Plugins } from '@capacitor/core'; 
const { Device } = Plugins;
const info = await Device.getInfo();
console.log(info);

// Example output:
{
"diskFree": 12228108288,
"appVersion": "1.0.2", 
"appBuild": "123", 
"operatingSystem": "ios", 
"osVersion": "11.2", 
"platform": "ios", 
"memUsed": 93851648, 
"battery": -1, 
"diskTotal": 499054952448, 
"model": "iPhone", 
"manufacturer": "Apple", 
"uuid": "84AE7AA1-7000-4696-8A74-4FD588A4A5C7", 
"isVirtual":true 
}

Answer 2

所以，要编写特定于插件的TS代码，您需要已经开发了电容器插件，它应该公开您可以在TS代码中使用的方法等。

我认为这是对电容器插件生态系统如何工作的非常引人注目的描述

https://capacitor.ionicframework.com/docs/plugins/

下面是文章中关于如何创建自己的Android插件的详细示例：https://capacitor.ionicframework.com/docs/plugins/android

关于操作系统，该设备运行一个操作系统-爱奥尼亚具有内置功能：https://ionicframework.com/docs/building/cross-platform/#platform-检测

因此，使用“平台”，您可以检测html" target="_blank">操作系统并执行特定于操作系统的操作—请参阅爱奥尼亚的参考应用程序的应用程序。组成部分ts在app init方法中检测何时可以调用本机启动屏幕etc插件：

https://github.com/ionic-team/ionic-conference-app/blob/master/src/app/app.component.ts

Answer 3

您可以使用平台来检测操作系统。

import { Platform } from '@ionic/angular';

@Component({...})
export class MyPage {
  constructor(public platform: Platform) {
     if(platform.is('ios')){
        //ios logic
     }
  }
}