努力将 Ionic Web App 部署到服务器

Question

我是 Ionic 的新手，并且使用 ionic serve 制作了我的第一个运行在本地完美运行的应用程序，但我在运行在我的网络服务器上安装它时遇到了麻烦。

我已经阅读了文档和其他各种来源，它们似乎暗示您只需运行一个 ionic build --prod，然后将 www 文件夹复制到您的网络服务器，然后就可以了但我只有一个白屏，没有错误。

然后我尝试添加 cordova 平台浏览器并使用 ionic cordova build browser 进行构建并托管由此构建的文件，但结果相同。我是否遗漏了什么？

Answer 1

前几天我有这个。首先，请确保您没有依赖任何 Cordova 插件，因为它们无法在浏览器中运行。

你这样做：

ionic cordova platform add browser
ionic build --prod
然后将platforms\browser\www中的www复制到网络服务器

这只是一个基本部署。有使该应用程序成为 PWA 的教程（这意味着它可以作为应用程序通过浏览器安装在您的设备主屏幕上）。

Answer 2

使用 NodeJs 部署在项目根目录

中创建文件server.js

const express = require('express');
const path = require('path');
const port = process.env.PORT || 8080;

const app = express();

app.use(express.static(__dirname + '/www'));

app.get('/*', function(req,res) {
  res.sendFile(path.join(__dirname+'/www/index.html'));
});

app.listen(port);
console.log(`RUNNING ON PORT ${port}`);

并运行命令 ionic build --prod && node server.js

努力将 Ionic Web App 部署到服务器

Struggling to deploy Ionic Web App to server

ionic-framework

ionic4