mirror of https://github.com/abpframework/abp.git
erdemcaygor
1 year ago
8 changed files with 91 additions and 190 deletions
@ -1,87 +1,68 @@ |
|||
import { environment } from './environments/environment'; |
|||
if (environment.production === false) { |
|||
process.env['NODE_TLS_REJECT_UNAUTHORIZED'] = '0'; |
|||
} |
|||
import 'zone.js/node'; |
|||
|
|||
import { APP_BASE_HREF } from '@angular/common'; |
|||
import { CommonEngine } from '@angular/ssr/node'; |
|||
import { |
|||
AngularNodeAppEngine, |
|||
createNodeRequestHandler, |
|||
isMainModule, |
|||
writeResponseToNodeResponse, |
|||
} from '@angular/ssr/node'; |
|||
import express from 'express'; |
|||
import { existsSync } from 'node:fs'; |
|||
import { join } from 'node:path'; |
|||
import bootstrap from './main.server'; |
|||
|
|||
// The Express app is exported so that it can be used by serverless Functions.
|
|||
export function app(): express.Express { |
|||
const server = express(); |
|||
const distFolder = join(process.cwd(), 'dist/dev-app/browser'); |
|||
const indexHtml = existsSync(join(distFolder, 'index.original.html')) |
|||
? join(distFolder, 'index.original.html') |
|||
: join(distFolder, 'index.html'); |
|||
import { dirname, resolve } from 'node:path'; |
|||
import { fileURLToPath } from 'node:url'; |
|||
|
|||
const commonEngine = new CommonEngine(); |
|||
|
|||
server.set('view engine', 'html'); |
|||
server.set('views', distFolder); |
|||
if (process.env['NODE_ENV'] === 'development') { |
|||
process.env["NODE_TLS_REJECT_UNAUTHORIZED"] = "0"; |
|||
} |
|||
|
|||
server.get('/.well-known/appspecific/com.chrome.devtools.json', (req, res) => { |
|||
res.status(404).send('Not Found'); |
|||
}); |
|||
const serverDistFolder = dirname(fileURLToPath(import.meta.url)); |
|||
const browserDistFolder = resolve(serverDistFolder, '../browser'); |
|||
|
|||
// Example Express Rest API endpoints
|
|||
// server.get('/api/{*splat}', (req, res) => { });
|
|||
// Serve static files from /browser
|
|||
server.use( |
|||
express.static(distFolder, { |
|||
maxAge: '1y', |
|||
index: false, |
|||
}), |
|||
); |
|||
const app = express(); |
|||
const angularApp = new AngularNodeAppEngine(); |
|||
|
|||
// All regular routes use the Angular engine
|
|||
server.use((req, res, next) => { |
|||
const { protocol, originalUrl, baseUrl, headers } = req; |
|||
/** |
|||
* Example Express Rest API endpoints can be defined here. |
|||
* Uncomment and define endpoints as necessary. |
|||
* |
|||
* Example: |
|||
* ```ts
|
|||
* app.get('/api/**', (req, res) => { |
|||
* // Handle API request
|
|||
* }); |
|||
* ``` |
|||
*/ |
|||
|
|||
commonEngine |
|||
.render({ |
|||
bootstrap, |
|||
documentFilePath: indexHtml, |
|||
url: `${protocol}://${headers.host}${originalUrl}`, |
|||
publicPath: distFolder, |
|||
providers: [ |
|||
{ provide: APP_BASE_HREF, useValue: baseUrl }, |
|||
{ provide: 'cookies', useValue: JSON.stringify(req.headers.cookie) }, |
|||
], |
|||
}) |
|||
.then(html => res.send(html)) |
|||
.catch(err => next(err)); |
|||
}); |
|||
/** |
|||
* Serve static files from /browser |
|||
*/ |
|||
app.use( |
|||
express.static(browserDistFolder, { |
|||
maxAge: '1y', |
|||
index: false, |
|||
redirect: false, |
|||
}), |
|||
); |
|||
|
|||
return server; |
|||
} |
|||
/** |
|||
* Handle all other requests by rendering the Angular application. |
|||
*/ |
|||
app.use((req, res, next) => { |
|||
angularApp |
|||
.handle(req) |
|||
.then(response => (response ? writeResponseToNodeResponse(response, res) : next())) |
|||
.catch(next); |
|||
}); |
|||
|
|||
function run(): void { |
|||
/** |
|||
* Start the server if this module is the main entry point. |
|||
* The server listens on the port defined by the `PORT` environment variable, or defaults to 4000. |
|||
*/ |
|||
if (isMainModule(import.meta.url)) { |
|||
const port = process.env['PORT'] || 4000; |
|||
|
|||
// Start up the Node server
|
|||
const server = app(); |
|||
server.listen(port, error => { |
|||
if (error) { |
|||
throw error; |
|||
} |
|||
|
|||
app.listen(port, () => { |
|||
console.log(`Node Express server listening on http://localhost:${port}`); |
|||
}); |
|||
} |
|||
|
|||
// Webpack will replace 'require' with '__webpack_require__'
|
|||
// '__non_webpack_require__' is a proxy to Node 'require'
|
|||
// The below code is to ensure that the server is run only when not requiring the bundle.
|
|||
declare const __non_webpack_require__: NodeRequire; |
|||
const mainModule = __non_webpack_require__.main; |
|||
const moduleFilename = (mainModule && mainModule.filename) || ''; |
|||
if (moduleFilename === __filename || moduleFilename.includes('iisnode')) { |
|||
run(); |
|||
} |
|||
|
|||
export default bootstrap; |
|||
/** |
|||
* Request handler used by the Angular CLI (for dev-server and during build) or Firebase Cloud Functions. |
|||
*/ |
|||
export const reqHandler = createNodeRequestHandler(app); |
|||
|
|||
@ -1,17 +0,0 @@ |
|||
/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */ |
|||
/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */ |
|||
{ |
|||
"extends": "./tsconfig.app.json", |
|||
"compilerOptions": { |
|||
"outDir": "../../out-tsc/server", |
|||
"types": [ |
|||
"node", |
|||
"@angular/localize" |
|||
] |
|||
}, |
|||
"files": [ |
|||
"src/main.server.ts", |
|||
"src/server.ts", |
|||
"src/server.ts" |
|||
] |
|||
} |
|||
Loading…
Reference in new issue