你能简单地解释使用节点后端部署离子(基于react)应用程序的过程吗



我最近开始使用带有节点服务器的react作为后端。我很难理解如何部署这样一个应用程序。我是离子和部署网站(或者更确切地说是基于网络的移动应用程序(的初学者,所以如果这是一个简单/愚蠢的问题,我很抱歉。

我对此搜索了很多,但我的大脑仍在努力理解部署过程。据我所知,任何网站通常都有两个部分,前端用HTML/CSS/JS构建,后端用nodejs构建(在我的例子中(。如果我想运行应用程序,我需要在终端中键入npm start,对吗?所以我实际上只运行节点服务器,它将根据我写的哪个url端点来提供HTML页面(静态页面(,对吧?

所以部署它就是";"容易";通过将静态文件复制到远程服务器中,然后根据请求运行nodeJs服务器来提供页面,对吧。因此,这里的启动命令是npm start,它将启动整个应用程序。

我现在使用的是在后端具有react语法和nodejs的ionic框架。有一个特殊的命令来运行ionic应用程序(前端(,即ionic serve。所以如果我运行这个,前端会显示在浏览器中。此外,我需要使用npm start运行节点服务器来处理请求。因此,要启动我的应用程序,我需要ionic servenpm start命令。如何部署?

经过一些研究,我读到我需要分别部署ionic应用程序(前端(和后端。例如,ionic应用程序是一个网络应用程序,服务器也是一个单独的网络应用程序(因为我使用的是微软Azure(。据我所知,它们之间的通信可以通过剩余的API或web套接字进行。这是正确的方法吗?还是有更好/更明确的方法?

部署两个应用意味着我需要在azure上为两个应用付费。有没有一种方法可以最大限度地降低成本并拥有一个功能强大的应用程序?

PS:一般来说,我在理解部署过程时遇到了问题。我基本上了解网络是如何工作的,我可以在我的机器上建立网站,但在部署方面,我对自己的技能没有信心。令人惊讶的是,网上并没有太多关于它的内容。有人能推荐一些文章、书籍或视频来解释这个过程吗。提前谢谢。

以下是如何将ionic应用程序部署为pwa-https://ionicframework.com/docs/react/pwa

如果你使用的是节点后端,你会像往常一样启动服务器,如果我理解的问题

虽然你的问题不是针对特定问题的,而是突出了各种各样的问题,但我仍然会尝试解释它。

Ionic主要用于创建HYBRID/WEB MOBILE APPLICATIONS。虽然你也可以将代码部署为一个网站,但你将无法从仅对网站使用ionic而不将react用作独立框架中获得任何好处
  • 明确你的要求,你的问题涉及网站和基于网络的移动应用程序。部署网站和混合移动应用程序不是一回事。网站托管在服务器上,移动应用部署在应用商店中
  • 如果你不打算部署到任何移动平台,我建议你放弃ionic,用react建立你的网站
  • 现在来到Ionic移动应用程序,这就是流程
  • Create Ionic Project -> Build project for iOS/Android platform -> Deploy these apps to respective app stores

    1. 您不会在任何托管提供商上托管您的Ionic移动代码
    2. 您的node.js后端代码托管在托管服务上。端点URL将更改为托管服务器的IP地址
    3. 请先阅读以下主题
      • 什么是混合移动应用程序
      • 什么是Ionic
      • 如何使用Ionic构建移动应用程序
      • 发布移动应用程序
      • 将node.js部署到云主机

    相关内容

    • 没有找到相关文章

    最新更新