Tag: Ionic

在Bitrise上为Cordova和Ionic项目引入自动预配置: 现在，可以在 Bitrise 上分离Cordova和Ionic项目的准备阶段和构建阶段，因此您也可以对这些项目类型使用iOS Auto Provision步骤。 -！我们最近发布了iOS自动配置步骤，该步骤可管理Xcode项目的iOS配置配置文件。该步骤使iOS的代码签名更加容易：您只需上传iOS开发和发行证书，该步骤将处理Provisioning Profiles。该步骤分析iOS Xcode项目（或工作区），以确定签署该项目需要哪些Provisioning Profiles。 Cordova和Ionic的构建步骤（Cordova存档和Ionic存档）使用Cordova和Ionic CLI生成本机项目（通过调用platform rm和platform add命令）并进行构建（通过调用build命令）。与在工作流中运行Cordova archive和Ionic archive步骤之前一样，本机iOS Xcode项目不存在，因此自动配置功能不适用于这些项目类型。为了让您的生活更轻松，我们进行了一些更改以使其正常运行： 1.分开的Cordova / Ionic项目的准备和构建阶段 Ionic和Cordova存档步骤都有输入： Should remove platforms as prepare step? ，它控制是否应在构建阶段之前删除并重新添加本机平台。通过将此输入设置为false ，该步骤将不会触摸生成的本机项目。 2.为Cordova / Ionic项目的准备阶段创建了新步骤我们在构建步骤中关闭了平台删除功能，但是我们还必须注意准备过程。从现在开始，您可以使用：和脚步。新的准备步骤可以通过调用platform rm和platform add命令从您的Cordova和Ionic项目生成本机项目。 3.更新了 iOS Auto Provision 步骤最新步骤版本（1.1.2）导出项目的开发团队已安装的代码签名标识的名称已安装的配置文件这些输出可用于提供“ […]

在IOS上部署离子应用程序: 为您的应用创建所有这三件事，然后下载它们。不要忘记下载证书和配置文件。回到ionic应用程序，在文件夹的根目录下运行以下命令离子科尔多瓦建立iOS 然后去平台> ios 打开.xcworkspace文件，它将以xcode打开项目。您可以通过选择任何特定设备或连接的设备来播放该应用程序。现在，让我们学习构建应用程序的存档，以将其部署到Test Flight中，然后在测试后将其移动到存储中。 🙂 选择通用ios设备，然后选择产品>存档您的档案清单将会显示点击上传到App Store。让它自动进行管理，您就完成了…您的应用程序将在iTunes Connect上可用。

OneSignal的离子推送通知: 4.从目标的“链接二进制文件与库”中删除pods库。 5.将项目的“配置”设置为“无”。选择项目（不是目标），然后点击“信息”并将其设置为“无”。运行Pod安装：在您的离子应用程序平台下的ios文件夹中运行以下命令。 /platforms/ios/ 吊舱安装运行离子项目：离子科尔多瓦运行ios –prod 该项目将像魅力一样运行。然后您将获得带有onesignal的可运行离子应用程序。只要有时间，我一定会更新此信息。这些只是为Ionic 2/3应用程序配置时解决带有IOS的onesignal-cordova-plugin的最新版本的最小步骤。

将IOS本机应用程序与离子应用程序捆绑在一起: 警告：此页面是非常技术性的，我希望您可能不必使用它，因为我们应该将它分成2个应用以提高性能，但是如果有帮助，请在下方评论comment 嗨，大家好。最近，我有一个问题：“我们可以从IOS应用导航到导航应用吗？”。您可能会想，为什么我们不创建新的App而是大声笑。尽管如此，我必须实现它，所以我开始研究它，我将向您解释它的工作原理。总览此页面的目的是说明如何将iOS本机应用程序与Ionic应用程序捆绑在一起，以及如何将应用程序从主要本机应用程序切换到Ionic。为了更加方便，我使用git子模块将离子应用程序代码提取到主应用程序。步骤1：安装Cordova框架由于导出的离子应用程序使用Cordova框架，因此我们也必须使用它首先，安装依赖项项目管理，例如可可豆荚或迦太基（在此示例中为迦太基）使用依赖库开放终端 $ touch Cartfile $ vim Cartfile 然后，在下面添加 github“ apache / cordova-ios” 按Control + C键盘上的然后输入：wq！更新迦太基在终端中，键入以下内容 $迦太基更新将库添加到Xcode 打开Xcode，选择要捆绑的项目在项目导航中选择应用程序然后，单击构建阶段单击将二进制文件与库链接部分以展开然后单击添加（+），然后单击添加其他…Finder将显示在屏幕上选择Carthage（在项目文件夹上）> Build> iOS> Cordova.framework 然后点击打开步骤2添加git子模块在终端中键入这些命令 $ git子模块添加框架/ 终端会将git的源代码加载到Frameworks文件夹中例如，$ git子模块添加https://gitlab.com/o2oplatform/trueyours.git Frameworks / trueyours 已记录在此步骤中，您必须在项目中具有git，然后才能运行上述命令。如果没有，请在终端输入以下内容 […]

转换Ionic应用程序以吸引全球受众的5个步骤指南: 支持您的移动应用程序的一种简单方法是支持他们的母语。 Apple强烈建议您为全球受众准备您的应用程序。本教程介绍了如何翻译Ionic应用程序以支持其他语言。我最近的“工作时间”更新（版本3.2）包括对其他5种语言的支持。本教程通过5个简单步骤逐步介绍了如何更新应用程序：翻译您的应用程序的内容将Angular Translate模块添加到您的应用中更新您的模板更新您的控制器和服务测试您的翻译翻译您的应用程序的内容在更改任何代码之前，我们需要翻译所有应用程序内容。创建应用程序中所有文本的文本文档。确保检查所有内容。以下是一些注意事项：每个模板的文字来自每个控制器的文本每个服务的文字过滤器返回的文字 App Store说明 App Store关键字除非您是多语种，否则您需要使用翻译服务将文本转换为您的首选语言。我过去曾经使用过一个名为“我可以本地化”的网站。您也可以在Fiverr上找到负担得起的翻译产品。我建议找到具有翻译移动应用程序经验的翻译人员。将Angular Translate模块添加到您的应用中假设您使用Ionic Framework和AngularJS构建了应用程序，则应使用功能强大的翻译服务Angular Translate。从他们的仓库中下载最新版本，解压缩文件，然后将angular-translate.min.js文件移动到项目js文件夹中。然后只需将脚本嵌入到www/index.html文件中，如下所示：确保将模块作为依赖项注入到您的应用程序中。这是工作时间的节选： angular.module(‘hoursworked’, [‘pascalprecht.translate’]) 然后使用$translateProvider向应用程序介绍您的$translateProvider 。以下是工作时间示例： $translateProvider.translations(‘en’, { start_label: “Start Time”, end_label: “End Time” }); $translateProvider.translations(‘es’, { start_label: “Principio”, […]

Ionic让您的应用无处不在: 在过去的几年中，Ionic已成为跨平台移动应用程序开发领域的领导者。他们通过适应最新趋势并保持领先于竞争对手的方式来保持其框架的最新性。什么是离子框架？ Ionic是用于混合移动应用程序开发的开源SDK （软件开发套件）。 Ionic建立在AngularJS和Apache Cordova的基础上，提供了使用CSS，HTML5和JavaScript等Web技术开发混合，高度交互的移动应用程序的工具和服务。 Scopic和Ionic如何连接？ Scopic是Ionic值得信赖的合作伙伴。这意味着，Ionic已委托我们帮助企业快速启动其Ionic应用程序开发。这种合作关系对于时间和价值至关重要或需要低代码复杂度和维护简便性的软件项目特别有用。使用Ionic框架有哪些优势？除了是完全免费的开源框架之外，Ionic还提供：具有成本效益的跨移动应用程序开发-如今，跨平台开发是必需的。使用Ionic，开发应用程序非常有效，并且可以使用单个代码库完成标准工具的部署。可以用最少的时间和资源创建创新而直观的应用程序，同时提供集成的外观。一致的用户界面 -各种各样的默认CSS和JavaScript组件提供了创建几乎任何移动应用程序所需的基本和一致的功能。加快上市时间 — Ionic基于AngularJS框架，并具有其他功能来构建创意的移动应用程序。与Phonegap / Cordova相比，Ionic框架需要更少的资源，更少的时间和精力，从而缩短了应用程序的上市时间。凭借我们在该领域的可靠记录，我们获得了Ionic的“值得信赖的合作伙伴”称号。我们可以创建创新，可靠的应用程序，可在任何设备上快速，高价地访问这些应用程序。在这里查看我们最近的项目。现在…让我们创建您的应用程序。

在我的iOS应用程序屏幕录像中显示触摸手势: 我之所以写本指南，是因为我花了几个小时才弄清楚该如何做，但我没有找到完整的指南，因此我正在创建它。希望对你有帮助问题我需要记录我的iOS应用程序的展示，并能够在屏幕上显示触摸手势，以便用户可以看到我在做什么。解我在Github上找到了这个名为FingerTips的仓库，它承诺会做我需要的一切，所以我想试试看。这些是我成功将其安装到我的iOS项目中的步骤：正常生成您的iOS应用。因为我正在使用Ionic Framework来创建我的应用程序，所以我只是这样做了：离子科尔多瓦平台添加ios离子科尔多瓦建立ios 2.从https://github.com/mapbox/Fingertips克隆或下载Fingertips存储库 3.在Xcode中打开iOS项目，然后将FingerTips存储库中的MBFingerTipWindow.h和MBFingerTipWindow.m类添加到Classes文件夹中。 4.打开您的AppDelegate.m文件，然后执行以下操作：导入MBFingerTipWindow #import“ MBFingerTipWindow.h” 添加以下用于显示触摸的方法： -（MBFingerTipWindow *）window {静态MBFingerTipWindow * visualFeedbackWindow = nil; if（！visualFeedbackWindow）visualFeedbackWindow = [[MBFingerTipWindow alloc] initWithFrame：[[UIScreen mainScreen] bounds]]; return visualFeedbackWindow;} 现在，您的AppDelegate实现应如下所示： 5.转到MBFingerTipWindow.m并将boolean变量alwaysShowTouches设置为true，这样触摸事件将始终显示在我们的应用程序中。为此，请在第84行中添加以下代码： self.alwaysShowTouches = true; 6.通常使用Xcode构建iOS应用。现在，安装在iPhone上的iOS应用将显示您进行的所有点击因此，现在我准备开始记录Ion2FullApp ELITE（最完整，最优质的离子模板）的展示了。 Ion2FullApp ELITE | 最完整的Ionic 3 Starter App | 离子模板 Ion2FullApp […]

如何为Ionic 3开发准备Linux / MacOS包装盒: 本指南假定您的计算机的操作系统对于Mac用户是High Sierra 10.13.3 ，对于Linux用户是Ubuntu 16.04 。如果使用Linux发行版，请跳过iOS部分并继续至Android部分。安装NodeJS 从以下链接下载并安装最新的LTS NodeJS： https://nodejs.org/en/ 注意：在编写本指南时， NodeJS的最新LTS版本是8.10.0 。安装CLI 要安装全局依赖项，请运行： $ npm install -g离子科尔多瓦注意：此命令将安装最新版本的Ionic和Cordova。在撰写本指南时， Ionic的最新版本为3.20.0，而Cordova的最新版本为7.1.0 。适用于iOS和Android平台的SDK环境要准备添加和构建iOS和Android平台，请执行以下步骤。的iOS iOS平台只能在MacOS上添加。如果您不使用MacOS，请跳过此步骤并继续至Android部分。安装Xcode 访问： https://developer.apple.com/xcode/ 并安装最新的Xcode版本。安装CocoaPods 在您的终端上，执行以下命令以安装最新版本的CocoaPods。 $ sudo gem install cocoapods 启用命令行工具安装Xcode后，需要启用几个命令行工具以使Cordova运行。在您的终端上，运行： $ xcode-select-安装有关iOS要求的更多信息，请访问： https://cordova.apache.org/docs/en/7.x/guide/platforms/ios/ 安卓安装Java SE开发套件8（JDK）访问Oracle网站并安装Java SE Development Kit 8。 […]

在iOS设备上部署Ionic App: 将Ionic应用程序构建并运行到iOS设备上。我将需要在Mac OS上运行Xcode软件。在这种情况下，我使用作为虚拟机的VMware Workstation在Windows上安装了macOS，从而可以安装不同类型的OS。在编译和运行Ionic应用程序之前，我需要首次运行两个命令行。我在终端上运行xcode-select –install以使Ionic能够运行。然后，我必须运行sudo npm install -g ios-deploy — unsafe-perm = true 现在，请确保已安装iOS平台，或者我需要运行此命令ionic platform add ios 。完成上述过程后，需要ionic cordova build ios才能在我的项目文件夹中运行。现在，我可以在Xcode中打开以.xcodeproj结尾的文件的Ionic项目。在Xcode中打开项目后，我需要分配我的团队参与该项目。首先，我单击Xcode-> Preferences …，然后登录到我的Apple帐户。现在，我可以在“签名”部分中选择我的团队。我现在可以选择我的iOS设备，如下所示。然后按“构建并运行”按钮。或者，在选择设备后，我可以运行ionic cordova build ios 。或者，如果我尚未选择任何实际设备，也可以运行ionic cordova build ios –device 。此外，我还可以通过键入以下命令ionic cordova emulator ios在模拟器上运行Ionic应用程序。或者在Xcode中选择一个仿真器，然后单击“构建并运行”按钮。要考虑的一件事是，如果设备版本低于默认的部署目标9.0。我需要设置较低的版本以匹配我的设备。在这种情况下，我的设备运行在8.1版本上。另外，请确保“ iOS部署目标”中“目标”部分中的“ […]

IONIC的iOS推送通知: 我已经与Ionic合作了将近2年。毫无疑问，这是构建混合应用程序的顶级框架，因为它提供了开箱即用的本机界面，易于使用的CLI，它使用了适用于本机API（例如Camera，Geo-Location，Push Notification等）的Cordova插件。一年来，在为iOS和Android开发应用程序时，我不得不在一些应用程序中实现推送通知服务。由于Apple的开发树比android复杂得多，并且缺乏社区支持导致了我大量的错误和调试。因此，本帖子专为那些现在正在敲打头或敲打键盘的用户而设计。分三个步骤。安装Push插件并配置您的应用。创建APP ID 生成APNS证书首先启动您的终端并转到项目的根目录，并使用以下命令安装推插件： cordova plugin add phonegap-plugin-push –variable SENDER_ID=”1234567890″ 您无需担心SENDER_ID，只需保持原样。要检查插件是否正确安装，请运行以下命令：科尔多瓦插件ls 您会在应用程序中看到已安装插件的列表。或者，您可以检查package.json文件，您将看到类似以下内容：然后在您的服务内添加以下代码： var push = PushNotification.init（{ ios：{ 警告：“ true”，徽章：是的，声音：“假” } }）; PushNotification.hasPermission（function（data）{ 如果（data.isEnabled）{ console.log（’isEnabled’）; } }）; push.on（’registration’，function（data）{ console.log（data.registrationId）; // registrationId是设备令牌。 //根据您的要求将其存储或发送到服务器。 }）; //每当设备上的第三方推送服务收到推送通知或您点击通知时，都会触发以下事件。push.on（’notification’，function（data）{ console.log（data）; //在这里处理您的数据 }）; push.on（’error’，function（e）{ console.log（e）; }）; 这一切都在您端上。接下来，我们将在Apple开发人员帐户中创建APP […]