2012-02-29 64 views
1

我想使用PhoneGap制作一个多平台的离线webapp。我知道我的html和css,但我并不完全熟悉JavaScript的全部功能,而且我以前从未创建过web应用程序,更不用说尝试使用phonegap来授权它了。如何最好地使多个网页的Web应用程序?

现在,我有主要的index.html,phonegap为您设置,但现在我不确定如何继续。如果我想要一个按钮将用户带到主页面的另一个页面,我应该制作第二个HTML文件并将它们直接链接起来,还是比这更复杂?

而且(准备好一个可能epically愚蠢的问题,从总的初学者):

做网页应用程序都必须上网吗?我真的不清楚它们是否像普通网站那样需要在服务器上托管,或者它们可以像正常的本机应用程序一样打包和下载。请帮忙!

谢谢。

哦,顺便说一句,我在Xcode中使用phonegap addon的东西....我试图让它在iphone上运行之前,我移动到android。

回答

0

尽管当时其他答案对我有帮助,但我还是认为在5年后的今天,我会为我的第一个StackOverflow问题添加更完整的答案。

首先,“Web应用程序”和技术意义上的“网站”是一样的,是的,它们必须托管在服务器上才能通过浏览器访问......就像每个网站。唯一的区别是,一个Web应用程序通常是一个更加动态和复杂的网站,涉及JavaScript和AJAX。将一个像“this one”这样简单的网站称为“网络应用程序”是一种误导,而Facebook绝对是一款网络应用程序。基本上所有的网络应用都是网站,但并不是所有的网站都完全是网络应用。

但是,如果您想通过http从浏览器的任何地方访问它,它只需要“在线”即可。如果你正在制作科尔多瓦应用程序,就像我当时那样,这不相关。如果您只想在本地运行应用程序,则可以使用本地服务器(如Python的SimpleHTTPServer或webpack提供的服务器)或任何其他替代方法(包括您自己从头开始编写的服务器)来执行此操作。

至于有多个页面的主要问题,像是<a href="www.google.com">my link</a>是锚定元素是连接页面的标准方式。要在你自己的页面之间进行链接,你需要有多个.html文件,并且你可以创建一个链接,其链接的链接为href="myOtherPage.html",其中该文件包含在链接到该页面的文件所在的目录中。或者,您可以设置一个单页面应用程序,在该应用程序中,JavaScript无需使用锚点元素即可加载新页面内容 - 在这种情况下,不需要多个.html文件。像Angular和React这样的框架对实现这一点很有帮助,但这绝不是必要的。

1

在典型的网络应用程序中,大多数情况下您只需创建链接,就像在网站上创建链接一样。此外,Web应用程序可以通过本地环境(研究Mamp /或Wamp)进行开发,具体取决于您的应用程序所需的依赖性。

相关问题