基于ServerLess的極簡(jiǎn)網(wǎng)頁計(jì)數(shù)器：源碼分析與實(shí)踐

Darkgel 發(fā)布于2019-08-26 13:50 / 2376人閱讀

這幾天基于支持HTML5無感認(rèn)證的ServerLess平臺(tái)開發(fā)了一款博客、門戶網(wǎng)站等web平臺(tái)常用的PV統(tǒng)計(jì)工具：page-counter 。主要用到的技術(shù)是js+webpack。

回首看來，解決了以下幾個(gè)比較有意思的問題：

如何設(shè)計(jì)代碼，用統(tǒng)一的方式支持多個(gè)ServerLess平臺(tái)？

如何架構(gòu)項(xiàng)目，使得其支持CDN和npm兩種方式引入？

如何精簡(jiǎn)源碼，源碼大小控制在4kb？

如何借助webpack分離生產(chǎn)和測(cè)試環(huán)境？

源碼地址：https://github.com/dongyuanxin/page-counter

npm地址：https://www.npmjs.com/package/page-counter

如果有興趣的同學(xué)，歡迎在閱讀完本文后一起接入其他平臺(tái)的開發(fā)； 覺得不錯(cuò)的同學(xué)，歡迎給個(gè)Star哦 。

云服務(wù)器 GPU云服務(wù)器基于騰訊云的k8s實(shí)踐二次淺封裝實(shí)踐【附源碼】微服務(wù)架構(gòu)與實(shí)踐機(jī)器學(xué)習(xí)與業(yè)務(wù)實(shí)踐

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/109621.html

相關(guān)文章

前端學(xué)習(xí)資源

摘要：掘金日?qǐng)?bào)第四期使用怎么能不知道這些插件合集掘金日?qǐng)?bào)主打分享優(yōu)質(zhì)深度技術(shù)內(nèi)容，技術(shù)內(nèi)容分前端后端產(chǎn)品設(shè)計(jì)工具資源和一些有趣的東西。目前已經(jīng)涵蓋了的相關(guān)資源鏈接，供大家參考與學(xué)習(xí)。【掘金日?qǐng)?bào)】第四期使用Sublime？怎么能不知道這些 Sublime 插件合集！掘金日?qǐng)?bào)主打分享優(yōu)質(zhì)深度技術(shù)內(nèi)容，技術(shù)內(nèi)容分：前端、后端、Android、iOS、產(chǎn)品設(shè)計(jì)、工具資源和一些有趣的東西。前端...

xzavier 2019-08-30 13:57 評(píng)論0 收藏0
前端學(xué)習(xí)資源

摘要：掘金日?qǐng)?bào)第四期使用怎么能不知道這些插件合集掘金日?qǐng)?bào)主打分享優(yōu)質(zhì)深度技術(shù)內(nèi)容，技術(shù)內(nèi)容分前端后端產(chǎn)品設(shè)計(jì)工具資源和一些有趣的東西。目前已經(jīng)涵蓋了的相關(guān)資源鏈接，供大家參考與學(xué)習(xí)。【掘金日?qǐng)?bào)】第四期使用Sublime？怎么能不知道這些 Sublime 插件合集！掘金日?qǐng)?bào)主打分享優(yōu)質(zhì)深度技術(shù)內(nèi)容，技術(shù)內(nèi)容分：前端、后端、Android、iOS、產(chǎn)品設(shè)計(jì)、工具資源和一些有趣的東西。前端...

weij 2019-08-26 11:43 評(píng)論0 收藏0
玩轉(zhuǎn)企業(yè)級(jí)云就三招，我服了

摘要：值得一提的是，深信服超融合企業(yè)級(jí)云增長(zhǎng)迅速，已經(jīng)在企業(yè)政府教育金融等四大行業(yè)鋪開了。深信服超融合企業(yè)級(jí)云能夠贏得廣大企業(yè)級(jí)用戶的認(rèn)可，必然有著自己的獨(dú)特魅力?？梢娨詷O簡(jiǎn)架構(gòu)設(shè)計(jì)的超融合企業(yè)級(jí)云，讓深信服達(dá)成了云計(jì)算業(yè)務(wù)實(shí)現(xiàn)快速發(fā)展的心愿。萬變不離其宗，一切為業(yè)務(wù)而生。亞馬遜AWS、微軟Azure、Google Cloud、IBM Cloud、VMware Cloud，以及阿里云、騰訊云、京東...

wangxinarhat 2019-04-29 19:29 評(píng)論0 收藏0
基于swoole的極簡(jiǎn)框架-1.4.1

摘要：版本更新優(yōu)化優(yōu)化生成規(guī)則修復(fù)緩存驅(qū)動(dòng)為時(shí)錯(cuò)誤增加允許在模型自己創(chuàng)建查詢構(gòu)造器鏈?zhǔn)秸{(diào)用根據(jù)點(diǎn)贊排序獲取周排行榜按照點(diǎn)贊數(shù)量通過自己創(chuàng)建的查詢構(gòu)造器添加方法支持?jǐn)?shù)組添加方法供遠(yuǎn)程客戶端調(diào)用現(xiàn)在可以這么寫隊(duì)列固定長(zhǎng)度設(shè)置隊(duì) one 1.4.1版本更新：優(yōu)化優(yōu)化uuid生成規(guī)則修復(fù) 緩存驅(qū)動(dòng)為file時(shí) notice錯(cuò)誤增加允許在模型自己創(chuàng)建查詢構(gòu)造器鏈?zhǔn)秸{(diào)用 class Artic...

Cheriselalala 2019-07-01 11:14 評(píng)論0 收藏0
CSS開發(fā)

摘要：譯十六進(jìn)制顏色揭秘原文地址原文作者譯文出自掘金翻譯計(jì)劃本文永久鏈接教程入門篇關(guān)于是一款進(jìn)行柵格布局的輔助工具，它讓開發(fā)者擺脫了冗雜的數(shù)學(xué)計(jì)算，同時(shí)降低了樣式與結(jié)構(gòu)的耦合程度。【譯】CSS 十六進(jìn)制顏色揭秘原文地址：CSS Hex Colors Demystified 原文作者：Dave Gash 譯文出自：掘金翻譯計(jì)劃本文永久鏈接：https://github.com/xitu/...

warkiz 2019-08-30 13:54 評(píng)論0 收藏0