【问题标题】:Ionic + IBM MobileFirstIonic + IBM MobileFirst
【发布时间】:2015-04-09 16:13:03
【问题描述】:

我找到了一些关于这个主题的帖子,但未能找到最佳解决方案。

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

目前 - 我已经构建了一个普通的 Ionic 项目,并将 WWW 文件夹移到了“common”文件夹中。在initOptions、main.js和messages.js中也添加了。

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

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

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

【问题讨论】:

  • 我认为您可能一直在使用 6.3 的早期版本,其中自动重新加载不起作用。看我的回答。

标签: ionic ibm-mobilefirst


【解决方案1】:

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

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

还有一个基于 Ionic 的基本 Starter 应用程序。
你可以下载它from here

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

【讨论】:

  • 感谢您的回答 - 可能是我的 MobileFirst Studio 插件的问题 - 当我运行 common->Preview 时,在我重新部署服务器之前不会获取任何代码更改。另外 - 对不起,我打算写 live-reload。
  • 初始运行方式后无需执行此操作 > 在 MobileFirst Development Server 上运行;只需留在同一个浏览器窗口并刷新它。同样,请确保将您的安装更新到最新版本(因为有一个错误;)。
  • 感谢您尝试帮助我 - 我刚刚重新安装了带有 Studio 插件的新 Eclipse 并创建了一个新的演示项目 - 更改不会自动显示 - 无论如何谢谢 - 我想我必须干脆自己开枪,而不是与 IBM 合作。
  • 即使您不使用 IBM 工具,这种态度也无济于事。最好快点换。 ;) 我自己正在使用市场上的最新版本。 1)创建了一个新的项目和应用程序。 2) 运行方式 > 在 MobileFirst Development Server 上运行 3) 打开 MobileFirst 控制台 > 预览 Web 资源 4) 返回 Studio 在 common\js\main.js 中添加警报 5) 返回浏览器刷新预览的 Web 资源,出现警报.工作。
  • 我同意这种态度评论 - 只是沮丧:) 再次感谢您的帮助。将继续解决此问题,如果我发现任何问题,将进行更新。喜欢 Ionic 项目是如何设置和运行的——所以只是渴望在与 MobileFirst 集成时失去一些美感。如果我确实得到了一些工作 - 我一定会为其他人热销它。
【解决方案2】:

为了查看 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 环境,然后从控制台中选择它。这会将应用程序加载到基于浏览器的移动模拟器中,您可以对其进行定制以适合您的目标外形。这有一个“Go/Refresh”按钮,可以立即反映您的编辑。

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

【讨论】:

    【解决方案3】:

    有一个解决方案是使用像 ionic-cli serve 命令 + 符号链接这样的人员来替换公共文件夹。

    在这里查看示例https://www.dropbox.com/s/4pvaulo6yo47kb9/lab_7.2.mp4?dl=0

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

    其他选项是使用 IDE 功能和/或 nodejs 自己组织实时预览

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

    【讨论】:

      【解决方案4】:

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

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

      【讨论】:

        猜你喜欢
        • 2016-07-18
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2015-02-05
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多