官網網站用什麼技術棧比較合理?
1.官網肯定有 SEO的需求
2.官網大多偏展示型網站,不保證之後會變得跟小米官網那樣複雜
3.俺們是前端
如果是靜態博客之類的感覺之後不利於擴展,如果用 react + ssr 擔心有性能問題,同時是否殺雞用牛刀的感覺? 我們前端團隊 vue 和 react 都有在用,算是有一定的積累。
看到其它回答都跑歪的情況下,我想回答一番。
官網這種東西還多數不會從頭造輪子,這種網站的價值並不大。沒必要浪費那麼多時間在上面,從頭開始更沒必要。
殺雞焉用牛刀??
這種東西還是用現成的,比如 WordPress,直接上線。這個世界應用最廣泛的框架,真的很強。
後期加個 WP API 就可以提供 RESTful API 了,單頁面輕鬆跑起,還有現成的 APP 可以用。。。
自己造輪子在這種時候就是瞎扯。。。
不過,我喜歡用 Django 來搭,天生為 CMS 而生。後期可以通過 DRF 添加 RESTful API,我的博客就是用這個的 https://www.phodal.com需要SEO的官網當然是wordpress最省事了。真要擴展成小米的那種電商,弄個二級域名慢慢搞唄。
建議用開源 php CMS/電商方案改改,而不是自己做。
官網這東西做到後面肯定是一個內容管理系統,沒準兒還加上電商,自己從頭做其實工作量並不小。
可以上ssr,前端技術棧react vue都可以
建議使用ssr框架
- react 用 next.js
- vue 用 nuxt.js
效率問題其實不用考慮太多,官網靜態偏多的話,直接 CDN 緩存,合理設置緩存時間就可以了
有開發能力的話當然是自造輪子,短期最慢的就是長期最快的
沒人說hexo或jekyll么…
官網嘛,一般的官網就寫個公司介紹,領導介紹啥的,逢年過節寫個節日祝福,放假安排啥的。
其實我覺得用Rust的SergioBenitez/Rocket來寫就比較有意思。 然後頁面啥的,用經典的JQ加上自己喜歡的樣式框架就好了。
我們的經驗是按場景做不同的技術棧,還要分析用戶群體年齡、瀏覽器或者終端使用情況。因為我們的官網是作為集成系統,包括了信息發布,交易,客戶服務等模塊,所以通常要規劃不同的場景架構,不能一概而論。而且不要過早考慮大而全的方案,只會拖累整個技術團隊的效率,跟不上業務發展。
我們的情況是,信息發布模塊瀏覽量很大,但是沒有太複雜的業務需求。所以我們追求穩定,只用了jquery一種模塊,其他是純粹的後端模板語言+靜態發布,動態部分交互不多,就做一些json介面實現。
交易模塊瀏覽量相對較小,但是對於客戶的交易流程是否正常要求非常大,後端業務邏輯非常複雜,所以技術團隊選擇了java,而且為了往下兼容到ie7,前端只用了jquery,剩下的全是後端邏輯。
客服模塊涉及實時交互,所以用了http://socket.io等框架,而且只兼容到IE11,若存在不兼容的情況,就頁面提示推薦客戶直接打電話客服。
還有其他一些模塊就不一一說了。。。。官網老老實實ejs jade pug 加 jquery好了,別找罪受
官網的定義有幾種,運用的技術棧也是有很大區別的(在這裡列舉常見的兩種)
- 靜態內容,靜態頁面居多,比如Bootstrap官網裡面的那些網站實例
- 需要有運營的內容,需要有網站後台來更換內容,比如廣告輪播圖,相關產品列表,產品詳情頁介紹等等
第一種的話即簡單啦,這種官網沒有太多的內容展示,只是介紹公司的面貌和固定不變的信息,目前這種網站的趨勢都是做成響應式網站,代碼部分:HTML5 +CSS3 + bootstrap + jquery,開發環境:node.js + gulp 搭建一個browsersync的熱更新替換伺服器就OK了,這樣的開發速度還是很快的
第二種的官網目前是很多的,以前的做法一般都是前端寫出靜態頁面然後交給後端php或java來套模板,但是這幾年SPA火了之後,各種前後端分離方案拋出水面,最困擾的問題就是不能夠SEO。
不過自去年出了服務端渲染的方案後,比如目前react的 Next.js Vue的Nuxt.js 這類通用框架,對SEO是比較友好的。前段時間我們接了個需求,幫合作廠商開發一個國際站,需要SEO,需要有後台運營內容,最主要我們想藉此用一套前後端分離方案來開發。我們用的技術棧:後台簡單的 Vue + vue-router + vuex + ElementUI+axios + webpack 就滿足需求了,前端單頁:Nuxt.js + axios + Jquery(頁面眾多效果需要運用)
開發順序是後端寫Restful Api介面,前端用vue開發後台,因為後端API介面還沒有開發出來,我們先用Mock來製造假數據,用來攔截非同步請求導到Mock來製造假數據,後端開發完API將其移除即可
後台開發完再開發官網頁面就非常快上手了,Nuxt.js的開發體驗和Vue非常類似,畢竟是Vue下的東西。開發體驗還不錯,首屏支持IE9,當時用的版本是0.10.x 在IE9下除了首屏其他頁面就不太穩定了,路由跳轉的時候會發生逆跳轉(從子頁面跳到另一個子頁面會先跳到首頁再跳到另一個子頁面)由於我們不太需要兼用IE9就沒有處理了。
這個項目連接是eds.ingping.net 是響應式網站自適應PC ipad 手機端,大家可以參考參考
Mithril!
相信我,官網這個東西肯定用黑得最多的PHP語言啦。
開源程序:PHPcms,dedecms,PHP168,wordpress,discuz一搜一大堆,改點html和css就可以了。糾正一個說法,這些都叫內容管理器,不叫框架,如果樣式不改,那完全不用寫代碼,雲伺服器一買,代碼一扔。
以前,一家公司讓我做個官網,5000元,還提供了阿里雲伺服器,我源碼一下,頭部底部樣式改掉,scp過去,綁定域名,這樣幾千塊就到手了你說嗨不嗨,別瞎搞什麼react、vue那些彰顯逼格亂七八糟的。
做一件事兒找對門路,不要為了裝逼而上技術棧。
jquery+bootstrap足以
第1、2點業務需求明確了,第3點團隊有react上的積累,目標明確:就看團隊帶著react上ssr駕馭能力,了解團隊的綜合能力,看團隊是否管得住server,不然一天到晚老是出各種問題,估計老闆不會放過你們,靜態資源cdn都是錢能輕易解決的問題(第三方CDN等)、數據做好緩存,能駕馭則上,如果上車成功估計也是後續業務技術棧進化的先驅
工具運用好就沒有殺雞用牛刀用之說,能迎合團隊業高速發展的技術棧才能叫合理的技術棧
wordpress可以搞定90%的網站需求
後端:wordpress
前端:jquery
--
如果變成小米商城那樣,直接加一個電子商城系統。
--
如果開發人員都是前端的話,nodejs找一個CMS框架吧。要是想練技術,就用你說的。如果不是,Dj、Wordpress和其他內容管理,或者按照常規寫吧。
記起了之前給某駕校做的網站…SSR是自己寫的 首頁就是HTML CSS…其他頁面用Jq…
Django+ bootstrap,
express加個模板引擎 再寫點css
推薦閱讀:
※關於angular在指令中無法獲取子元素的問題?
※jQuery 和 YUI (Yahoo User Interface) 各自的優缺點有哪些?具體的使用場景是怎樣的?
※有一千本以上實體紙質編程書是什麼體驗?
※NPM中將函數當作一個包發布的方式是否合理?
TAG:前端開發 | JavaScript | 前端工程師 | 網站建設 |