总是致力于一些新事物,寻找不同框架中的新外观,让任何应用程序开发人员继续前进。
几个月前,当我考虑制作一个移动应用程序时,我决定具体使用本机框架,用于开发 iOS 应用程序的 Objective-C,用于开发 Android 应用程序的 Java,以及用于开发 Windows 的 C#。
令人惊奇的是,只需使用简单的 HTML、Javascript 和 CSS 即可开发移动应用程序。最令人兴奋的是,您可以应用相同的代码库来改进适用于不同平台(如 Android、IOS 和 Windows)的应用程序。
Ionic 提供了一个针对移动设备优化的 HTML、CSS 和 JS 元素 薪资主管电子邮件数据库 工具和手势库,用于制作高度交互的应用程序。
最棒的是它是免费和开源的。Ionic 完全由 Angular 指令和元素组成。
让我们开始讨论
首次设置
我们可以从最低要求开始在 Ionic 中制作应用程序。
首先,确保您拥有 Node.js、Android SDK、JAVA、ImageMagick(用于结合应用程序图标和仪表板屏幕)以及适用于 iOS 的 XCode IDE。
现在安装Cordova,启动终端并运行此命令。
$ sudo npm install -g cordova
要安装 Ionic,只需运行此命令
$ sudo npm install -g ionic
对于创建 Cordova 计划
现在我们需要在您的计算机上创建一个 Cordova 项目。
为此,请在终端中运行命令。
$ ionic 启动 myApp 空白
这将在运行该命令的特殊列表中生成一个文件夹 myApp。这实际上会生成一个新的 ionic 应用程序。此外,您还可以运行以下命令:
$ ionic 启动 myApp 标签
$ ionic 启动 myApp侧边菜单
这些是 ionic 生成的一些默认项目。
配置平台
所以现在我们需要配置平台。
对于Android
$ionic 平台添加 android
对于 iOS
$ionic 平台添加 ios
生产构建和测试
在浏览器中测试
在桌面浏览器中测试应用程序非常简单。只需移动到文件夹(例如 Cordova 项目文件夹)并运行完整命令即可。
$ionic 服务
它将开始实时重新加载您的项目。
存储文件时,在 HTML、JavaScript 文件和 CSS 中执行的任何修改都会自动重新加载。您可以尝试以下操作:
$ionic 服务--实验室
--lab 标志确实不同,并显示您的应用程序在 IOS 和 Android 上的显示方式。
在设备中测试
要在设备上测试您的应用程序,您需要进行构建。为此,请运行以下命令。
$ionic构建
对于Android:
$ionic 构建安卓
对于 IOS:
$ionic 构建 ios
运行应用程序:
对于Android:
$ionic 运行 android
运行命令将首先获取最新版本,然后将其安装在任何连接的设备上。现在您的第一个 Ionic 应用程序已安装到设备中。
对于 iOS:
只需双击 Myapp.Xcode pro J 文件。它将在 Xcode 中运行。
然后,您可以选择设备并在设备上安装应用程序,还可以在模拟器中运行该应用程序进行测试。
现在添加应用程序图标和启动画面:
平台配置完成后,进入Cordova项目文件夹可以看到一个名为Resources的文件夹。
然后在资源文件夹中放入 icon.png 和 splash.png。应用程序图标的格式。splash 可以是 .psd 和 .ai。
应用程序图标的最小尺寸应为 192 × 192 像素,并且不应有圆角曲线,启动画面的最小尺寸应为 2208 × 2208 像素。