使 vanilla 站点部署为 webapp 的最佳方式?
Best way to adapt vanilla site to deploy as webapp?
我一直在开发 "web app",目前它实际上是一个网站,完全是普通的,由 HTML、CSS 和 JavaScript 制作;绝对没有外部库或框架,如 JQuery、React 或 AngularJS.
我的目标是有一天将该站点部署为移动设备(iOS 和 Android)和台式机(Windows 和 Mac)的 Web 应用程序。
最好的方法是什么?我应该走什么路?
提前致谢!
编辑:我想该网站可以被视为一个应用程序,因为它是 SPA,因为它使用了 JS,并且由于 CSS 中的媒体查询而几乎完全响应。
这里的主要问题是:我如何从托管在通过域访问的远程服务器上的网站应用程序获取可安装的手机和桌面应用程序(.ipa、.apk、.exe、.app、等等)?
我想这个问题有几个层次。让我们从一些术语开始:
响应式网页:适用于多种不同屏幕分辨率的网页(只需要 CSS 使用媒体查询)
SPA:单页应用程序,这是您获取网页 "apps" 而不是网页的方式。 React 和 Angular 等工具对此有很大帮助,因为您现在需要管理状态和路由之类的东西(因为您实际上不再更改您所在的页面)。
PWA:渐进式 Web 应用程序,这是最现代的 Web 应用程序类型,它试图通过能够在没有 Internet 连接的情况下工作等方式来表现得非常像本机应用程序。
开始这条路的一个好方法是使用 React 及其出色的工具 Create React App https://reactjs.org/docs/create-a-new-react-app.html#create-react-app
这是一套工具,已配置为创建一个 SPA,它是一个 PWA 以及创建出色的 Web 应用程序所需的所有其他现代工具。您需要阅读有关如何创建响应式网页的内容,但是有很多资源可以帮助您,我的建议是从媒体查询开始 https://www.w3schools.com/css/css_rwd_mediaqueries.asp as well as learning Flexbox https://css-tricks.com/snippets/css/a-guide-to-flexbox/
我一直在开发 "web app",目前它实际上是一个网站,完全是普通的,由 HTML、CSS 和 JavaScript 制作;绝对没有外部库或框架,如 JQuery、React 或 AngularJS.
我的目标是有一天将该站点部署为移动设备(iOS 和 Android)和台式机(Windows 和 Mac)的 Web 应用程序。
最好的方法是什么?我应该走什么路?
提前致谢!
编辑:我想该网站可以被视为一个应用程序,因为它是 SPA,因为它使用了 JS,并且由于 CSS 中的媒体查询而几乎完全响应。
这里的主要问题是:我如何从托管在通过域访问的远程服务器上的网站应用程序获取可安装的手机和桌面应用程序(.ipa、.apk、.exe、.app、等等)?
我想这个问题有几个层次。让我们从一些术语开始:
响应式网页:适用于多种不同屏幕分辨率的网页(只需要 CSS 使用媒体查询)
SPA:单页应用程序,这是您获取网页 "apps" 而不是网页的方式。 React 和 Angular 等工具对此有很大帮助,因为您现在需要管理状态和路由之类的东西(因为您实际上不再更改您所在的页面)。
PWA:渐进式 Web 应用程序,这是最现代的 Web 应用程序类型,它试图通过能够在没有 Internet 连接的情况下工作等方式来表现得非常像本机应用程序。
开始这条路的一个好方法是使用 React 及其出色的工具 Create React App https://reactjs.org/docs/create-a-new-react-app.html#create-react-app 这是一套工具,已配置为创建一个 SPA,它是一个 PWA 以及创建出色的 Web 应用程序所需的所有其他现代工具。您需要阅读有关如何创建响应式网页的内容,但是有很多资源可以帮助您,我的建议是从媒体查询开始 https://www.w3schools.com/css/css_rwd_mediaqueries.asp as well as learning Flexbox https://css-tricks.com/snippets/css/a-guide-to-flexbox/