[英]Angular 2 Universal + Akamai
我想看看是否可以同时基于CDN和angular 2通用创建堆栈。 因此,当用户导航时具有CDN即可获取资产,并且如果用户首次访问将具有由Universal呈现的完整html。
我在想:
客户端<===> Akamai <===>清漆<===>源服务器(具有通用功能的node.js)
听起来不错吗? 你有没有尝试过? 我也在考虑为整个堆栈添加nginx和ELB。
问题是:-此堆栈可以按预期工作吗?
是的,可以做到! 最大的问题是如何使Angular中确定显示页面的任意http请求无效。 使用某种标头模式来使之无效可能会有所帮助。
假设您使用的是正式的ng-express引擎,则可以通过如下服务定义Angular运行时的响应:
import { RESPONSE } from '@nguniversal/express-engine/tokens'
import { Inject, Injectable, Optional } from '@angular/core'
import { Response } from 'express'
export interface IServerResponseService {
getHeader(key: string): string
setHeader(key: string, value: string): this
setHeaders(dictionary: { [key: string]: string }): this
appendHeader(key: string, value: string, delimiter?: string): this
setStatus(code: number, message?: string): this
setNotFound(message?: string): this
setError(message?: string): this
}
@Injectable()
export class ServerResponseService implements IServerResponseService {
private response: Response
constructor(@Optional() @Inject(RESPONSE) res: any) {
this.response = res
}
getHeader(key: string): string {
return this.response.getHeader(key)
}
setHeader(key: string, value: string): this {
if (this.response)
this.response.header(key, value)
return this
}
appendHeader(key: string, value: string, delimiter = ','): this {
if (this.response) {
const current = this.getHeader(key)
if (!current) return this.setHeader(key, value)
const newValue = [...current.split(delimiter), value]
.filter((el, i, a) => i === a.indexOf(el))
.join(delimiter)
this.response.header(key, newValue)
}
return this
}
setHeaders(dictionary: { [key: string]: string }): this {
if (this.response)
Object.keys(dictionary).forEach(key => this.setHeader(key, dictionary[key]))
return this
}
setStatus(code: number, message?: string): this {
if (this.response) {
this.response.statusCode = code
if (message)
this.response.statusMessage = message
}
return this
}
setNotFound(message = 'not found'): this {
if (this.response) {
this.response.statusCode = 404
this.response.statusMessage = message
}
return this
}
setError(message = 'internal server error'): this {
if (this.response) {
this.response.statusCode = 500
this.response.statusMessage = message
}
return this
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.