Ionic + IBM MobileFirst

时间:2015-02-09 19:44:00

标签: ionic ibm-mobilefirst

我发现了一些有关此主题的帖子,但未能找到最佳解决方案。

尝试将Ionic集成到IBM MobileFirst(Worklight)中。

目前 - 我已经构建了一个普通的离子项目并将WWW文件夹移动到'common'文件夹中。还添加了initOptions,main.js和messages.js。

MobileFirst有一个糟糕的构建过程 - 我讨厌必须部署到mobilefirst开发服务器+预览应用程序以进行任何代码更改。我希望能在mobileFirst中使用某种类型的自动重装工作,或者至少使用离子正常开发并开展工作以将我的更改带入我的工作灯项目......这比我目前的情况更好。

有没有人有一个实际自动构建或自动获取代码更改的示例项目?

非常感谢任何和所有帮助。

4 个答案:

答案 0 :(得分:1)

不确定“自动重装”是什么意思;如果您在Studio插件(在Eclipse中)对项目的Web资源进行任何更改并在浏览器中重新加载预览,它将显示更改。

您不需要运行为>在MobileFirst Development Server上运行每次更改。只要您处理工作区中的资源,您调用它时的“自动重新加载”就应该有效(确保您使用的是Eclipse Marketplace中最新的MobileFirst Studio版本)。

还有一个基于Ionic的基本入门应用程序 您可以下载from here

searching in Google时,主题上也有几个结果。

答案 1 :(得分:1)

为了查看Web组件(CSS,JavaScript,HTML)中的更改而需要进行重建,这在Worklight的早期版本中曾经是一个烦恼,现在是MobileFirst。我忘了当重建的需要被删除时,但在Worklight 6.2及其他版本中你现在只需要在浏览器中刷新。

  

更新:如果使用MobileFirst 6.3,您需要确保自己在   合适的补丁级别。我发现简单的刷新不起作用    6.3.0.00-20150106-1717 ,但如果我更新(帮助 - >检查更新) 6.3.0.00-20150214-1702 ,则编辑/保存/刷新工作如   预期

我个人的做法是始终在我的项目中安装移动Web环境,然后从控制台中选择。这会将应用程序加载到基于浏览器的Mobile Simulator中,您可以根据目标的外形设计它。这有一个“开始/刷新”按钮,可以立即反映您的编辑内容。

或者,现在有些人不使用Studio,而是使用命令行界面。可能这可能更符合您的口味。你可以download it here

答案 2 :(得分:0)

有一个解决方案,使用离子cli服务命令+符号链接等工作人员将取代普通文件夹。

点击此处查看示例https://www.dropbox.com/s/4pvaulo6yo47kb9/lab_7.2.mp4?dl=0

(你可以禁用声音,因为我用俄语录制了它)7-15分钟的视频

其他选项是使用IDE功能和/或nodejs

自行组织实时预览

只要您在前端(主要是非worklight api)部分工作,这将有效。

答案 3 :(得分:0)

您需要在index.html中包含这些行

 <!-- ionic bundle & css -->
    <link href="www/ionic/css/ionic.css" rel="stylesheet">
    <script src="www/ionic/js/ionic.bundle.js"></script>