2015-03-13 71 views
0

我們試圖將我們的響應網站的移動版本作爲應用程序進行傳遞,使其看起來和感覺儘可能地像原生應用程序一樣。我們熟悉phonegap/cordova/appcellerator等平臺,但似乎並不像我們在這種情況下所需要的那樣。是否有任何跨平臺工具可以將響應式網站變成原生移動應用程序?

我們有一個響應式網站。我們正在尋找一個跨平臺的移動應用程序,將允許我們:

  • 安裝喜歡通過應用程序商店/ Play商店中的本機應用程序
  • 具有可配置/定牌生產的圖標
  • 的唯一功能是它 顯示我們網站的響應(移動)版本,沒有 邊框或導航,就像在瀏覽器中一樣。沒有額外的應用內功能 功能。

我們正在考慮寫這樣的東西(基本上我們的圖標是一個無邊界的瀏覽器),但現在似乎有人會這樣做。有任何想法嗎?

謝謝大家。我們受到(可能是錯誤的)印象,他們需要重新編寫HTML5版本的應用程序(至少調整過),然後放入phonegap/cordova包裝器中進行部署。我們有兩個問題與:

  • 我們不希望這個程序引用 我們網站的內部「包裝」的版本,我們希望它引用我們的直播現場,所以當我們更新 直播網站,我們不必更新應用程序。

  • 我們不想重寫我們現有的任何代碼以在 包裝中工作。這是一箇舊的asp.net網站,但響應版本 在移動瀏覽器中完美工作。

+0

「的唯一功能是,它顯示我們網站的響應(移動)版本,一個沒有邊界或導航,就像一個瀏覽器。沒有額外的應用內功能。「如果你打算使用「商店」,那麼很確定這個要求會成爲一個問題。 IIRC,Apple和Google都拒絕了除調用webview並導航到頁面之外別無其他的應用程序。他們必須提供他們自己的一些功能。 – ChiefTwoPencils 2015-03-13 19:02:17

+0

@ChiefTwoPencils謝謝。如果需要,我們可以添加一些令牌功能(推送通知等)。你是否熟悉這樣做的任何工具? – 3z33etm 2015-03-13 19:07:13

回答

1

Appcelerator是最好的方法。這將需要的代碼,只需幾行在Appcelerator的使用app.js文件:

var win = Ti.UI.createWindow(); 
    var webview = Ti.UI.createWebView({ 
     url: 'http://yourwebsite.com' 
    }); 

    win.add(webview); 
    win.open(); 

現在,有你就需要指定一些其他選項(例如,如果你想全屏等),但大多數情況下,這將是你的代碼。所有圖標都在iOS的/ resources/iphone目錄中,而Android的/ resources/android目錄中。

所有在鈦SDK中的UI API的信息是在http://docs.appcelerator.com/titanium/latest/#!/api/Titanium.UI

+0

謝謝....關於此問題的兩個問題:1)您可以自定義應用程序圖標嗎?2)應用程序商店(蘋果/谷歌)通常推送appcelerator應用程序,或者我們會遇到@ChiefTwoPencils提及的問題?如果需要,我們可以添加一些令牌功能。 – 3z33etm 2015-03-13 19:13:40

+0

@ 3z33etm對不起,本答覆已晚了好幾個月。當然,你可以隨心所欲地製作應用程序圖標。他們只是.png文件,併爲不同的平臺(視網膜,iphone,ipad等)不同的大小。就獲得批准而言,您可能需要的不僅僅是一個web視圖。即使您只添加了一個簡單的本地菜單,該菜單可以在網頁視圖中導航到您網站的不同部分,但這樣會處理任何批准問題。但是,你總是可以試着看看他們是否讓它通過。 – 2015-09-12 03:27:42

+0

@SethDavis該文檔鏈接404'ed。 – Karl 2017-08-16 10:00:46

相關問題