mirrors/mempool
1
0
Fork 0
mirror of https://github.com/mempool/mempool.git synced 2025-03-13 11:36:07 +01:00
Code Issues Projects Releases Wiki Activity

Rewrite server.ts to fix i18n and implement proper HTTP 404 responses

Browse source
This commit is contained in:
wiz 2020-12-23 13:25:03 +09:00
parent 2385ec7cde
commit b261243f85
No known key found for this signature in database
GPG key ID: A394E332255A6173
2 changed files with 93 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

111
frontend/server.ts
View file

@ -13,8 +13,7 @@ import { AppServerModule } from './src/main.server';
import { APP_BASE_HREF } from '@angular/common';
import { existsSync } from 'fs';
const template = fs.readFileSync(path.join(__dirname, '../../mempool/browser/en-US/', 'index.html')).toString();
const template = fs.readFileSync(path.join(__dirname, '../browser/en-US/', 'index.html')).toString();
const win = domino.createWindow(template);
// @ts-ignore
@ -48,8 +47,7 @@ global['localStorage'] = {
// 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/mempool/browser/en-US');
const indexHtml = existsSync(join(distFolder, 'index.original.html')) ? 'index.original.html' : 'index';
const distFolder = join(__dirname, '../browser/en-US');
// Our Universal express-engine (found @ https://github.com/angular/universal/tree/master/modules/express-engine)
server.engine('html', ngExpressEngine({
@ -59,33 +57,106 @@ export function app(): express.Express {
server.set('view engine', 'html');
server.set('views', distFolder);
// Example Express Rest API endpoints
// server.get('/api/**', (req, res) => { });
// Serve static files from /browser
server.get('*.*', express.static(distFolder, {
maxAge: '1y'
}));
// map each locale to its folder
mapLocaleToFolder(server, '/ar', 'ar');
mapLocaleToFolder(server, '/cs', 'cs');
mapLocaleToFolder(server, '/de', 'de');
mapLocaleToFolder(server, '/en', 'en-US');
mapLocaleToFolder(server, '/es', 'es');
mapLocaleToFolder(server, '/fa', 'fa');
mapLocaleToFolder(server, '/fr', 'fr');
mapLocaleToFolder(server, '/ja', 'ja');
mapLocaleToFolder(server, '/ka', 'ka');
mapLocaleToFolder(server, '/ko', 'ko');
mapLocaleToFolder(server, '/nl', 'nl');
mapLocaleToFolder(server, '/nb', 'nb');
mapLocaleToFolder(server, '/pt', 'pt');
mapLocaleToFolder(server, '/sl', 'sl');
mapLocaleToFolder(server, '/sv', 'sv');
mapLocaleToFolder(server, '/tr', 'tr');
mapLocaleToFolder(server, '/uk', 'uk');
mapLocaleToFolder(server, '/fi', 'fi');
mapLocaleToFolder(server, '/vi', 'vi');
mapLocaleToFolder(server, '/zh', 'zh');
server.get('/api/v1/**', createProxyMiddleware({
// @ts-ignore
target: win.__env.NGINX_PROTOCOL + '://' + win.__env.NGINX_HOSTNAME + ':' + win.__env.NGINX_PORT,
changeOrigin: true,
}));
// map null locale to en-US
mapLocaleToFolder(server, '', 'en-US');
// proxy API to nginx
server.get('/api/**', createProxyMiddleware({
// @ts-ignore
target: win.__env.NGINX_PROTOCOL + '://' + win.__env.NGINX_HOSTNAME + ':' + win.__env.NGINX_PORT,
changeOrigin: true,
}));
// All regular routes use the Universal engine
server.get('*', (req, res) => {
res.render(indexHtml, { req, providers: [{ provide: APP_BASE_HREF, useValue: req.baseUrl }] });
});
return server;
}
function mapLocaleToFolder(server, urlPrefix, folderName) {
// only handle URLs that actually exist
server.get(urlPrefix, getLocalizedSSR(folderName));
server.get(urlPrefix + '/', getLocalizedSSR(folderName));
server.get(urlPrefix + '/tx/*', getLocalizedSSR(folderName));
server.get(urlPrefix + '/block/*', getLocalizedSSR(folderName));
server.get(urlPrefix + '/mempool-block/*', getLocalizedSSR(folderName));
server.get(urlPrefix + '/address/*', getLocalizedSSR(folderName));
server.get(urlPrefix + '/blocks', getLocalizedSSR(folderName));
server.get(urlPrefix + '/graphs', getLocalizedSSR(folderName));
server.get(urlPrefix + '/liquid', getLocalizedSSR(folderName));
server.get(urlPrefix + '/liquid/tx/*', getLocalizedSSR(folderName));
server.get(urlPrefix + '/liquid/block/*', getLocalizedSSR(folderName));
server.get(urlPrefix + '/liquid/mempool-block/*', getLocalizedSSR(folderName));
server.get(urlPrefix + '/liquid/address/*', getLocalizedSSR(folderName));
server.get(urlPrefix + '/liquid/asset/*', getLocalizedSSR(folderName));
server.get(urlPrefix + '/liquid/blocks', getLocalizedSSR(folderName));
server.get(urlPrefix + '/liquid/graphs', getLocalizedSSR(folderName));
server.get(urlPrefix + '/liquid/assets', getLocalizedSSR(folderName));
server.get(urlPrefix + '/liquid/api', getLocalizedSSR(folderName));
server.get(urlPrefix + '/liquid/tv', getLocalizedSSR(folderName));
server.get(urlPrefix + '/liquid/status', getLocalizedSSR(folderName));
server.get(urlPrefix + '/liquid/about', getLocalizedSSR(folderName));
server.get(urlPrefix + '/testnet', getLocalizedSSR(folderName));
server.get(urlPrefix + '/testnet/tx/*', getLocalizedSSR(folderName));
server.get(urlPrefix + '/testnet/block/*', getLocalizedSSR(folderName));
server.get(urlPrefix + '/testnet/mempool-block/*', getLocalizedSSR(folderName));
server.get(urlPrefix + '/testnet/address/*', getLocalizedSSR(folderName));
server.get(urlPrefix + '/testnet/blocks', getLocalizedSSR(folderName));
server.get(urlPrefix + '/testnet/graphs', getLocalizedSSR(folderName));
server.get(urlPrefix + '/testnet/api', getLocalizedSSR(folderName));
server.get(urlPrefix + '/testnet/tv', getLocalizedSSR(folderName));
server.get(urlPrefix + '/testnet/status', getLocalizedSSR(folderName));
server.get(urlPrefix + '/testnet/about', getLocalizedSSR(folderName));
server.get(urlPrefix + '/bisq', getLocalizedSSR(folderName));
server.get(urlPrefix + '/bisq/tx/*', getLocalizedSSR(folderName));
server.get(urlPrefix + '/bisq/blocks', getLocalizedSSR(folderName));
server.get(urlPrefix + '/bisq/block/*', getLocalizedSSR(folderName));
server.get(urlPrefix + '/bisq/address/*', getLocalizedSSR(folderName));
server.get(urlPrefix + '/bisq/stats', getLocalizedSSR(folderName));
server.get(urlPrefix + '/bisq/about', getLocalizedSSR(folderName));
server.get(urlPrefix + '/bisq/api', getLocalizedSSR(folderName));
server.get(urlPrefix + '/about', getLocalizedSSR(folderName));
server.get(urlPrefix + '/api', getLocalizedSSR(folderName));
server.get(urlPrefix + '/tv', getLocalizedSSR(folderName));
server.get(urlPrefix + '/status', getLocalizedSSR(folderName));
server.get(urlPrefix + '/terms-of-service', getLocalizedSSR(folderName));
// fallback to static file handler so we send HTTP 404 to nginx
const distFolder = join(__dirname, '../browser' + (urlPrefix === '' ? '/en-US' : ''));
server.get(urlPrefix + '/**', express.static(distFolder, { maxAge: '1y' }));
}
function getLocalizedSSR(locale) {
return (req, res) => {
const distFolder = join(__dirname, `../browser/${locale}`);
res.render(join(distFolder, 'index.html'), {
req,
providers: [
{ provide: APP_BASE_HREF, useValue: req.baseUrl }
]
});
}
}
function run(): void {
const port = process.env.PORT || 4000;

3
production/nginx-mempool-ssr.conf
View file

@ -45,7 +45,8 @@
# used to rewrite resources from /<lang>/ to /en-US/
location ~ ^/(ar|bg|bs|ca|cs|da|de|et|el|es|eo|eu|fa|fr|gl|ko|hr|id|it|he|ka|lv|lt|hu|mk|ms|nl|ja|ka|no|nb|nn|pl|pt|pt-BR|ro|ru|sk|sl|sr|sh|fi|sv|th|tr|uk|vi|zh)/resources/ {
rewrite ^/[a-zA-Z-]*/resources/(.*) /resources/$1;
#rewrite ^/[a-zA-Z-]*/resources/(.*) /resources/$1;
try_files $uri /en-US/$uri =404;
}
location /resources/ {
try_files $uri /en-US/$uri =404;