Size: a a a

Angular-universal-ru

2018 January 26

NK

ID:535684889 in Angular-universal-ru
расскажу как пройдет :)
источник

IK

ILshat Khamitov in Angular-universal-ru
я по этой методичке https://github.com/angular/angular-cli/wiki/stories-universal-rendering делал и тутошний стартер смарел и немного оттуда взял
источник

NK

ID:535684889 in Angular-universal-ru
хм, занятно ng распазноется, только если использую nvm use 7.5.0, как только переключаюсь на nvm use 8.4.0 сразу ng command not found
источник

NK

ID:535684889 in Angular-universal-ru
и мы продолжаем...
источник
2018 January 27

V

Vadim in Angular-universal-ru
ID:535684889
хм, занятно ng распазноется, только если использую nvm use 7.5.0, как только переключаюсь на nvm use 8.4.0 сразу ng command not found
Для каждой версии ноды нужно заново ставить глобальные пакеты.
источник

AV

Andriy Venglinskiy in Angular-universal-ru
#whois
Привет, только что прочтел правила
Начал вчить ангуляр на новой работе, проект - большой а американский сайт, спортивная соц сеть.
Ангулар начал учить месяц назад, перед тем 2 года в пхп)))
Со Львова, Україна
Узнал по одному видео из Ютуба, какаято конференция.
Буду учить сервер рендеринг, думаю тут будет что то полезное, и помогут с вопросами
источник

IK

ILshat Khamitov in Angular-universal-ru
источник
2018 January 28

VK

Vladimir Kriventsev in Angular-universal-ru
Только начинаю изучать js-ts-angular для фронтенда соответственно.Набираюсь опыта .NET в бекэнде. Есть свой бизнес  его и  автоматизирую.
источник

NK

ID:535684889 in Angular-universal-ru
Господа. доброго времени суток
источник

NK

ID:535684889 in Angular-universal-ru
беда с роутингом при Angular Universal ssr
источник

NK

ID:535684889 in Angular-universal-ru
Есть вот такой вот урл https://mustrace.com/organisers
источник

NK

ID:535684889 in Angular-universal-ru
при переходе в первый раз - все прекрасно работает
источник

NK

ID:535684889 in Angular-universal-ru
когда делаешь ревреш на этой же странице -
источник

NK

ID:535684889 in Angular-universal-ru
получаешь - Cannot GET /organisers
источник

NK

ID:535684889 in Angular-universal-ru
нутром чувствую что-то не так с server.ts файлом
источник

NK

ID:535684889 in Angular-universal-ru
но может кто-то уже это проходил
источник

ИК

Игорь Кравченко in Angular-universal-ru
server.ts пришли
источник

NK

ID:535684889 in Angular-universal-ru
сори, не подумал.
источник

NK

ID:535684889 in Angular-universal-ru
/* tslint:disable no-console */
import * as compression from 'compression';
const domino = require('domino');
const fs = require('fs');
const path = require('path');
const template = fs.readFileSync('./dist/index.html').toString();
// path.join(__dirname, '.', 'dist', 'index.html')
const win = domino.createWindow(template);
const files = fs.readdirSync(${process.cwd()}/dist);
const styleFiles = files.filter(file => file.startsWith('styles'));
const hashStyle = styleFiles[0].split('.')[1];
const style = fs.readFileSync(path
 .join('.', 'dist', styles.css)).toString();
global['window'] = win;
Object.defineProperty(win.document.body.style, 'transform', {
value: () => {
    return {
      enumerable: true,
      configurable: true
   };
  },
});
global['document'] = win.document;
global['CSS'] = null;
// global['XMLHttpRequest'] = require('xmlhttprequest').XMLHttpRequest;
global['Prism'] = null;

import 'zone.js/dist/zone-node';
import './polyfills.server';
import './rxjs.imports';
import * as express from 'express';
import { platformServer, renderModuleFactory } from '@angular/platform-server';
import { ServerAppModule } from './app/server.app.module';
import { ngExpressEngine } from '@nguniversal/express-engine';
import { routes } from './server.routes';
import { App } from './mock-api/app';
import { enableProdMode } from '@angular/core';
import { UNIVERSAL_PORT } from '../constants';
enableProdMode();
const app = express();
const api = new App();
const baseUrl = http://localhost:${UNIVERSAL_PORT};

app.engine('html', ngExpressEngine({
 bootstrap: ServerAppModule
}));

app.set('view engine', 'html');
app.set('views', 'src');

app.use(compression());
app.use('/', express.static('dist', { index: false }));
app.use('/assets', express.static(path.join(__dirname, 'assets'), { maxAge: 30 }));

routes.forEach(route => {
 app.get('/' + route, (req, res) => {
   console.time(GET: ${req.originalUrl});
   res.render('../dist/index', {
     req: req,
     res: res
   });
   console.timeEnd(GET: ${req.originalUrl});
 });
});

app.get('/data', (req, res) => {
 console.time(GET: ${req.originalUrl});
 res.json(api.getData());
 console.timeEnd(GET: ${req.originalUrl});
});

app.listen(UNIVERSAL_PORT, () => {
 console.log(Listening at ${baseUrl});
});
источник

ИК

Игорь Кравченко in Angular-universal-ru
ID:535684889
/* tslint:disable no-console */
import * as compression from 'compression';
const domino = require('domino');
const fs = require('fs');
const path = require('path');
const template = fs.readFileSync('./dist/index.html').toString();
// path.join(__dirname, '.', 'dist', 'index.html')
const win = domino.createWindow(template);
const files = fs.readdirSync(${process.cwd()}/dist);
const styleFiles = files.filter(file => file.startsWith('styles'));
const hashStyle = styleFiles[0].split('.')[1];
const style = fs.readFileSync(path
 .join('.', 'dist', styles.css)).toString();
global['window'] = win;
Object.defineProperty(win.document.body.style, 'transform', {
value: () => {
    return {
      enumerable: true,
      configurable: true
   };
  },
});
global['document'] = win.document;
global['CSS'] = null;
// global['XMLHttpRequest'] = require('xmlhttprequest').XMLHttpRequest;
global['Prism'] = null;

import 'zone.js/dist/zone-node';
import './polyfills.server';
import './rxjs.imports';
import * as express from 'express';
import { platformServer, renderModuleFactory } from '@angular/platform-server';
import { ServerAppModule } from './app/server.app.module';
import { ngExpressEngine } from '@nguniversal/express-engine';
import { routes } from './server.routes';
import { App } from './mock-api/app';
import { enableProdMode } from '@angular/core';
import { UNIVERSAL_PORT } from '../constants';
enableProdMode();
const app = express();
const api = new App();
const baseUrl = http://localhost:${UNIVERSAL_PORT};

app.engine('html', ngExpressEngine({
 bootstrap: ServerAppModule
}));

app.set('view engine', 'html');
app.set('views', 'src');

app.use(compression());
app.use('/', express.static('dist', { index: false }));
app.use('/assets', express.static(path.join(__dirname, 'assets'), { maxAge: 30 }));

routes.forEach(route => {
 app.get('/' + route, (req, res) => {
   console.time(GET: ${req.originalUrl});
   res.render('../dist/index', {
     req: req,
     res: res
   });
   console.timeEnd(GET: ${req.originalUrl});
 });
});

app.get('/data', (req, res) => {
 console.time(GET: ${req.originalUrl});
 res.json(api.getData());
 console.timeEnd(GET: ${req.originalUrl});
});

app.listen(UNIVERSAL_PORT, () => {
 console.log(Listening at ${baseUrl});
});
А что в файле server.routes.ts ?
источник