Google AMP is dead! AMP pages no longer get preferential treatment in Google search
بالاخره تحریمهای ظالمانه گوگل در ارائهی سرویس های Android Developers ، Google Developers و Google Analytics برای ایرانیان برداشته شد.
NPAPI plugins معروف شامل Silverlight، Unity، Google Earth، Java، Google Talk و Facebook Video هستند.
<div class="container">
<div class="row">
<div class="col-md-10">
<router-outlet></router-outlet>
</div>
<div class="col-md-2">
<router-outlet name="popup"></router-outlet>
</div>
</div>
</div> >ng g m message --routing
import { MessageModule } from './message/message.module';
@NgModule({
declarations: [
],
imports: [
BrowserModule,
FormsModule,
HttpModule,
InMemoryWebApiModule.forRoot(ProductData, { delay: 1000 }),
ProductModule,
UserModule,
MessageModule,
AppRoutingModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { } >ng g c message/message
>ng g s message/message -m message/message.module
installing service create src\app\message\message.service.spec.ts create src\app\message\message.service.ts update src\app\message\message.module.ts
import { Injectable } from '@angular/core';
@Injectable()
export class MessageService {
private messages: string[] = [];
isDisplayed = false;
addMessage(message: string): void {
let currentDate = new Date();
this.messages.unshift(message + ' at ' + currentDate.toLocaleString());
}
} <div class="row">
<h4 class="col-md-10">Message Log</h4>
<span class="col-md-2">
<a class="btn btn-default" (click)="close()">x</a>
</span>
</div>
<div *ngFor="let message of messageService.messages; let i=index">
<div *ngIf="i<10" class="message-row">
{{ message }}
</div>
</div> import { MessageService } from './../message.service';
import { Router } from '@angular/router';
import { Component, OnInit } from '@angular/core';
@Component({
//selector: 'app-message',
templateUrl: './message.component.html',
styleUrls: ['./message.component.css']
})
export class MessageComponent implements OnInit {
constructor(private messageService: MessageService,
private router: Router) { }
ngOnInit() {
}
close(): void {
// Close the popup.
this.router.navigate([{ outlets: { popup: null } }]);
this.messageService.isDisplayed = false;
}
} import { MessageService } from './../../message/message.service';
@Component({
selector: 'app-product-edit',
templateUrl: './product-edit.component.html',
styleUrls: ['./product-edit.component.css']
})
export class ProductEditComponent implements OnInit {
constructor(private productService: ProductService,
private messageService: MessageService,
private route: ActivatedRoute,
private router: Router) { } onSaveComplete(message?: string): void {
if (message) {
this.messageService.addMessage(message);
} const routes: Routes = [
{ path: 'messages', component: MessageComponent, outlet: 'popup' }
]; <a [routerLink]="[{ outlets: { popup: ['messages'] } }]">Messages</a>
<a [routerLink]="['/products', product.id, 'edit', { outlets: { popup: ['summary', product.id] } }]">Messages</a> { outlets: { primary: ['/products', product.id,'edit'], popup: ['summary', product.id] }} 
<ul class="nav navbar-nav navbar-right">
<li *ngIf="authService.isLoggedIn()">
<a>Welcome {{ authService.currentUser.userName }}</a>
</li>
<li>
<a [routerLink]="[{ outlets: { popup: ['messages'] } }]">Show Messages</a>
</li> http://localhost:4200/products(popup:messages)
<li *ngIf="!messageService.isDisplayed">
<a (click)="displayMessages()">Show Messages</a>
</li>
<li *ngIf="messageService.isDisplayed">
<a (click)="hideMessages()">Hide Messages</a>
</li> import { MessageService } from './message/message.service';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
constructor(private authService: AuthService,
private router: Router,
private messageService: MessageService) {
}
displayMessages(): void {
this.router.navigate([{ outlets: { popup: ['messages'] } }]);
this.messageService.isDisplayed = true;
}
hideMessages(): void {
this.router.navigate([{ outlets: { popup: null } }]);
this.messageService.isDisplayed = false;
}
} 
InMemoryWebApiModule.forRoot(ProductData, { delay: 1000 }), { path: 'products', component: ProductListComponent, data: { pageTitle: 'Product List'} }, this.pageTitle = this.route.snapshot.data['pageTitle'];
> ng g s product/ProductResolver -m product/product.module installing service create src\app\product\product-resolver.service.spec.ts create src\app\product\product-resolver.service.ts update src\app\product\product.module.ts
providers: [ProductService, ProductResolverService]
import { Injectable } from '@angular/core';
import { Resolve, ActivatedRouteSnapshot, RouterStateSnapshot, Router } from '@angular/router';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/catch';
import 'rxjs/add/observable/of';
import 'rxjs/add/operator/map';
import { ProductService } from './product.service';
import { IProduct } from './iproduct';
@Injectable()
export class ProductResolverService implements Resolve<IProduct> {
constructor(private productService: ProductService,
private router: Router) { }
resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<IProduct> {
let id = route.params['id'];
if (isNaN(id)) {
console.log(`Product id was not a number: ${id}`);
this.router.navigate(['/products']);
return Observable.of(null);
}
return this.productService.getProduct(+id)
.map(product => {
if (product) {
return product;
}
console.log(`Product was not found: ${id}`);
this.router.navigate(['/products']);
return null;
})
.catch(error => {
console.log(`Retrieval error: ${error}`);
this.router.navigate(['/products']);
return Observable.of(null);
});
}
} export class ProductResolverService implements Resolve<IProduct> { resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<IProduct> { import { ProductResolverService } from './product-resolver.service';
const routes: Routes = [
{ path: 'products', component: ProductListComponent },
{
path: 'products/:id', component: ProductDetailComponent,
resolve: { product: ProductResolverService }
},
{
path: 'products/:id/edit', component: ProductEditComponent,
resolve: { product: ProductResolverService }
}
]; constructor(private route: ActivatedRoute) { }
ngOnInit(): void {
this.product = this.route.snapshot.data['product'];
} ngOnInit(): void {
this.route.data.subscribe(data => {
this.onProductRetrieved(data['product']);
});
} <meta name="fragment" content="!"> <base href="/">
http://www.example.com/?_escaped_fragment_= http://www.example.com/user/123?_escaped_fragment_=
DynamicModuleUtility.RegisterModule(typeof(Prerender.io.PrerenderModule));
http://www.example.com/user/123?_escaped_fragment_=
<package id="PhantomJS" version="1.9.2" targetFramework="net452" /> <package id="phantomjs.exe" version="1.9.2.1" targetFramework="net452" />
public class AjaxCrawlableAttribute : System.Web.Mvc.ActionFilterAttribute
{
private const string Fragment = "_escaped_fragment_";
public override void OnActionExecuting(ActionExecutingContext filterContext)
{
var request = filterContext.RequestContext.HttpContext.Request;
var url = request.Url.ToString();
if (request.QueryString[Fragment] != null && !url.Contains("HtmlSnapshot/returnHTML"))
{
url = url.Replace("?_escaped_fragment_=", string.Empty).Replace(request.Url.Scheme + "://", string.Empty);
url = url.Split(':')[1];
filterContext.Result = new RedirectToRouteResult(
new RouteValueDictionary { { "controller", "HtmlSnapshot" }, { "action", "returnHTML" }, { "url", url } });
}
return;
}
} public static void RegisterRoutes(RouteCollection routes)
{
routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
routes.MapRoute(
name: "HtmlSnapshot",
url: "HtmlSnapshot/returnHTML/{*url}",
defaults: new { controller = "HtmlSnapshot", action = "returnHTML", url = UrlParameter.Optional });
routes.MapRoute(
name: "SPA",
url: "{*catchall}",
defaults: new { controller = "Home", action = "Index" })
} public class FilterConfig
{
public static void RegisterGlobalFilters(GlobalFilterCollection filters)
{
filters.Add(new AjaxCrawlableAttribute());
}
} public ActionResult returnHTML(string url)
{
var prefix = HttpContext.Request.Url.Scheme + "://" + HttpContext.Request.Url.Host+":";
url = prefix+url;
string appRoot = Path.GetDirectoryName(AppDomain.CurrentDomain.BaseDirectory);
var startInfo = new ProcessStartInfo
{
Arguments = string.Format("{0} {1}", Path.Combine(appRoot, "Scripts\\seo.js"), url),
FileName = Path.Combine(appRoot, "bin\\phantomjs.exe"),
UseShellExecute = false,
CreateNoWindow = true,
RedirectStandardOutput = true,
RedirectStandardError = true,
RedirectStandardInput = true,
StandardOutputEncoding = System.Text.Encoding.UTF8
};
var p = new Process();
p.StartInfo = startInfo;
p.Start();
string output1 = p.StandardOutput.ReadToEnd();
p.WaitForExit();
ViewData["result"] = output1.Replace("<!-- ngView: -->", "").Replace("ng-view=\"\"", "");
return View();
} @{
Layout = null;
}
@Html.Raw(ViewBag.result) console.log(page.content)
var page = require('webpage').create();
var system = require('system');
var lastReceived = new Date().getTime();
var requestCount = 0;
var responseCount = 0;
var requestIds = [];
var startTime = new Date().getTime();;
page.onResourceReceived = function (response) {
if (requestIds.indexOf(response.id) !== -1) {
lastReceived = new Date().getTime();
responseCount++;
requestIds[requestIds.indexOf(response.id)] = null;
}
};
page.onResourceRequested = function (request) {
if (requestIds.indexOf(request.id) === -1) {
requestIds.push(request.id);
requestCount++;
}
};
function checkLoaded() {
return page.evaluate(function () {
return document.all["compositionComplete"];
}) != null;
}
// Open the page
page.open(system.args[1], function () {
});
var checkComplete = function () {
// We don't allow it to take longer than 5 seconds but
// don't return until all requests are finished
if ((new Date().getTime() - lastReceived > 300 && requestCount === responseCount) || new Date().getTime() - startTime > 10000 || checkLoaded()) {
clearInterval(checkCompleteInterval);
console.log(page.content);
phantom.exit();
}
}
// Let us check to see if the page is finished rendering
var checkCompleteInterval = setInterval(checkComplete, 300); <!DOCTYPE html>
<html ng-app="appOne">
<head>
<meta name="fragment" content="!">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="utf-8" />
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta name="viewport" content="width=device-width" />
<base href="/">
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
<script src="~/Scripts/angular/angular.js"></script>
<script src="~/Scripts/angular/angular-route.js"></script>
<script src="~/Scripts/angular/angular-animate.js"></script>
<script>
angular.module('appOne', ['ngRoute'], function ($routeProvider, $locationProvider) {
$routeProvider.when('/one', {
template: "<div>one</div>", controller: function ($scope) {
}
})
.when('/two', {
template: "<div>two</div>", controller: function ($scope) {
}
}).when('/', {
template: "<div>home</div>", controller: function ($scope) {
}
});
$locationProvider.html5Mode({
enabled: true
});
});
</script>
</head>
<body>
<div id="body">
<section ng-view></section>
@RenderBody()
</div>
<div id="footer">
<ul class='xoxo blogroll'>
<li><a href="one">one</a></li>
<li><a href="two">two</a></li>
</ul>
</div>
</body>
</html>