首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >您能简单地解释一下使用节点后端部署ionic (基于react)应用程序的过程吗?

您能简单地解释一下使用节点后端部署ionic (基于react)应用程序的过程吗?
EN

Stack Overflow用户
提问于 2020-09-08 00:48:31
回答 2查看 256关注 0票数 0

我最近开始使用react,并将节点服务器作为后端。我在理解如何部署这样的应用程序时遇到了问题。我是ionic和部署网站(或者更确切地说是基于web的移动应用程序)的初学者,所以如果这是一个简单/愚蠢的问题,我道歉。

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

因此,只需将静态文件复制到远程服务器,然后运行nodeJs服务器来根据请求提供页面,部署就很“容易”了,对吧?因此,这里的启动命令是npm start,它将启动整个应用程序。

我现在在后端使用react语法和nodejs的ionic framework。有一个特殊的命令来运行离子应用程序(前端),它是ionic serve。因此,如果我运行此命令,前端将显示在浏览器中。此外,我需要使用npm start运行节点服务器来处理请求。因此,要启动我的应用程序,我需要使用ionic servenpm start命令。如何部署此功能?

经过一些研究,我读到我需要分别部署离子应用(前端)和后端。例如,ionic应用程序将是一个the应用程序,而服务器也是一个单独的the应用程序(因为我使用的是MS Azure)。据我所知,它们之间的通信可以通过rest API或web套接字。这是做这件事的正确方法还是有更好/更清晰的方法?

部署两个应用程序意味着我需要为azure上的两个应用程序付费。有没有办法将成本降到最低,并拥有一个功能齐全的应用程序?

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

EN

回答 2

Stack Overflow用户

发布于 2020-09-08 06:35:24

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

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

票数 0
EN

Stack Overflow用户

发布于 2020-09-08 03:50:18

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

  1. Ionic主要用于创建HYBRID/WEB MOBILE APPLICATIONS。虽然你也可以将代码部署为网站,但你将无法从仅将ionic用于网站而不使用react作为独立框架中获得任何好处。
  2. 明确您的要求,您的问题涉及网站和基于web的移动应用程序。部署一个网站和一个混合的移动应用程序不是一回事。网站托管在服务器上,移动应用程序部署在应用程序商店中。
  3. 如果您不打算部署到任何移动平台,我建议您放弃ionic,使用react构建您的网站。
  4. 现在开始使用Ionic移动应用程序,这是flow

Create Ionic Project -> Build project for iOS/Android platform -> Deploy these apps to respective app stores

您将不会在任何托管provider.

  • Your

  • 后端代码的托管服务上托管您的离子移动代码。端点URL将更改为托管服务器IP address.

  • Read关于以下主题什么是混合移动applications

  • What是离子移动node.js如何使用Ionic

  • Publishing

  • node.js to a cloud cloud构建移动应用程序
票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63781453

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档