2015-02-09 87 views
-3

我发现了一些关于此主题的文章,但一直未能找到最佳解决方案。Ionic + IBM MobileFirst

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

目前 - 我已经建立了一个正常的Ionic项目,并将WWW文件夹移动到'common'文件夹中。还添加了initOptions,main.js和messages.js。

MobileFirst有一个糟糕的构建过程 - 我讨厌为了任何代码更改而部署到mobilefirst开发服务器+预览应用程序。我希望能够在mobileFirst中获得某种类型的自动重新加载,或者至少通过离子进行开发,并且有一份工作可以将我的更改引入到我的工作灯项目中......这比我当前的情况要好。

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

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

+0

我想你可能已经使用6.3的早期版本,其中自动重载不工作这行。看到我的答案。 – djna 2015-02-26 16:59:04

回答

0

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

对于每个更改,您都不需要在MobileFirst Development Server上运行为>运行。只要您处理工作区中的资源,就可以使用“自动重新加载”(请确保您正在使用Eclipse Marketplace中最新的MobileFirst Studio版本)。

还有一个基于离子的基本初级应用程序。
您可以下载from here

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

+0

感谢您的回答 - 可能是我的MobileFirst Studio插件存在的一个问题 - 就像我运行常见的 - >预览时一样,只有在重新部署服务器之前,才会发现代码更改。另外 - 对不起,我打算写实时刷新。 – msponagle 2015-02-09 19:57:02

+0

在MobileFirst Development Server上的初始运行方式>运行后不需要执行此操作;只需使用相同的浏览器窗口并刷新即可。再次确保您将安装更新到最新版本(因为有关于此的错误;)。 – 2015-02-09 19:58:00

+0

感谢您试图帮助我 - 我只是重新安装了新鲜的Eclipse插件,并制作了一个新的演示项目 - 更改不会自动显示 - 谢谢无论如何 - 我想我只需要拍摄自己而不是工作IBM。 – msponagle 2015-02-09 20:46:37

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中,您可以根据目标外形进行裁剪。这有一个“Go/Refresh”按钮,可立即反映您的编辑。

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

0

有一种解决方案,使用像ionic-cli serve命令+符号链接的工作人员将取代常见的文件夹。

检查这里的例子https://www.dropbox.com/s/4pvaulo6yo47kb9/lab_7.2.mp4?dl=0

(你只可以禁用声音,因为我已经在俄罗斯记录吧)7-15分钟这段视频的

另一种选择是使用组织实时预览自己IDE功能和/或nodejs

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

0

您需要包括在index.html的

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