制作我的 Ionic AngularJS 程序的 iOS 应用程序

Posted

技术标签:

【中文标题】制作我的 Ionic AngularJS 程序的 iOS 应用程序【英文标题】:Making an iOS app of my Ionic AngularJS program 【发布时间】:2015-12-25 20:24:04 【问题描述】:

当我为 android 构建构建时,我只运行了 ionic build,它创建了一个 apk 文件,我可以从 Android 手机下载该文件。

我现在正在尝试制作一个 ios 版本。但是,当我运行 ionic build 时,它创建了一个名为 mytabs.app 的目录。我想在我的 Iphone 6 上查看该应用程序。它是如何完成的?

【问题讨论】:

你是用macbook为IOS构建的吗? 是的,我使用的是 Mac OSX 笔记本电脑。 OSX Yosemite 10.10.4 版本。这是我第一次尝试离子。我也不知道如何在 iphone 上安装应用程序。 4 年前在上一份工作中向我发送了一个文件,我可以将其安装在我儿子的 iphone 4 上。它没有使用 Mac Store。 【参考方案1】:

我为 Pluralsight 写了一系列详细的帖子,其中概述了如何完成此操作的确切过程。大家可以看看教程over at Pluralsight——第三个(第四个是here)。您最有可能感兴趣的部分标题为How to test our application on the real physical devices and emulators)。

如果您有兴趣了解更多关于 Ionic 框架从开始到在商店中发布应用程序的信息,您可以查看我为 Pluralsight 撰写的 4 篇文章(总计超过 20k 字)制作的电子书:@ 987654323@。 如果您愿意,可以免费获得这本书,只需输入 0 作为金额。

这个过程太长了,在这里无法详细解释,所以我敦促你看看我提供的链接。但是,您应该采取的参考步骤是:

获得 Apple 开发者许可 安装 Xcode 使用ionic build ios 创建构建文件 用 Xcode 打开生成的项目 连接手机(或使用模拟器) 在手机(或模拟器)上运行您的应用

希望这会有所帮助。

【讨论】:

太棒了。我会检查一下。我的应用程序已经在 IOS 模拟器中运行,但想在 iphone 硬件上看到现实生活中的应用程序 :) 今晚回家后我会尝试一下。非常感谢! 实际上,即使您只想在实际设备上运行应用程序,您也需要获得 Apple 开发者许可证。这有点奇怪,我同意,但苹果就是这样 :) 刚到家。那么我的同事是如何创建文件的呢?当我安装它时,我记得没有去手机上的苹果商店。我将搜索电子邮件并找出文件的扩展名。我希望我能找到它。 我找到了电子邮件和附件。文件扩展名是 .ipa 我搜索了 ipa 的含义并发现它的含义 - iOS App Store Package。我不知道他是如何创建 .ipa 文件的。 apple.stackexchange.com/questions/26550/what-does-ipa-stand-for 是的,这就是混合应用程序的全部内容:)。所有平台的相同源代码。最重要的是,如果您是一名网络开发人员,那么您已经知道如何使用这些工具。【参考方案2】:

首先,您需要一个 Apple 开发者帐户。还有一本安装了 xcode 和 ios sdk 的 Mac 书。查看 cordova 网站了解需要哪些版本的 xcode 和 ios sdk。

那么你需要

    生成私钥, 使用您的私钥创建证书签名请求(.csr 文件)。 在您的开发者帐户中上传此 .csr 文件。现在您可以选择下载您的开发者证书。下载并保存到您的本地驱动器。 创建 PEM 文件 创建配置文件 现在使用您从开发者帐户和配置文件中获得的证书构建您的应用程序

这将为您提供 .ipa 文件。

附:在创建配置文件时,您需要提及要安装它的设备的唯一 ID。

也可以查看此链接了解更多详情http://www.iandevlin.com/blog/2012/11/phonegap/building-an-ios-signing-key-for-phonegap-in-windows

【讨论】:

我想我有一个开发者帐户,因为有时当我从 apple.com 下载程序时,我会弹出一个窗口来输入我的用户名/密码。也是我之前用来下载xcode的账号。我已经安装了 xcode,但我不确定我是否在这台笔记本电脑上安装了 ios sdk。我安装了cordova,它正在运行。我能够运行科尔多瓦工具。但是,我很确定我还没有完成第 1 步。我现在就做,当我碰壁时通知你。 我已经安装了 Xcode。是不是意味着我也安装了IOS sdk? 是的,如果您在安装 xcode 时选择安装 ios sdk,否则否。 好的。我运行 xcode 并单击 Preferences->Downloads 这就是我所看到的。 i.imgur.com/zTbyIKf.jpg

以上是关于制作我的 Ionic AngularJS 程序的 iOS 应用程序的主要内容,如果未能解决你的问题,请参考以下文章

是否可以在 angularjs/ionic 移动应用程序中运行外部 js 脚本

AngularJS 和 Ionic 用于创建 windows、android 和 iOS 混合应用程序

如何在您的 Ionic / AngularJs 应用程序中包含和使用节点模块?

ionic构建APP--简单操作实现APP制作

如何实现滑动,捕捉移动页面(ionic + angularjs)

ionic和angularjs的区别?