使用前端框架(Client-side Render )可以帮你加快开发速度
但会有一个问题就是SEO
SEO 俗称 搜寻引擎最佳化(英语:search engine optimization,缩写为SEO)
可以让google、百度收纳你的网站,让网路使用者可以搜寻
可以说想让你的网站给全世界的人看到,SEO做得越好,越能达到目的
这时候就有一个"但是",SEO不会去解析Javascript
以angular为範例
<div ng-app="myApp" ng-controller="myCtrl"> <p >{{text}}</p></div><script>var app = angular.module('myApp', []);app.controller('myCtrl', function($scope) { $scope.text = "世界 Hello~";});</script>
你想要让Google搜寻到 "世界 Hello~"
但是Google只会收纳 "{{text}}"
这时候才需要SSR(Server-Side Rendering)
需要使用到nodejs、.net MVC、java等后端语言
让server帮我们先把处理资料,在把处理完的网页传给使用者
以.net MVC为例:
@{ var text = "世界 Hello~"}<div> <p>@text</p></div>
经过server帮我们处理资料,使用者端网页内容就变成我们想要的
<div> <p>世界 Hello~</p></div>