2015-02-09 83 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>