需求出現(xiàn)

年會(huì)將近，而年會(huì)抽獎(jiǎng)環(huán)節(jié)必不可少，但是抽獎(jiǎng)系統(tǒng)卻還沒有。所以某一天，PM走過來說：小伙，手頭的需求修完成了吧！在年會(huì)開始之前必須做出一個(gè)抽獎(jiǎng)系統(tǒng)。這個(gè)系統(tǒng)很簡(jiǎn)單，后臺(tái)可以設(shè)置總金額，然后每個(gè)用戶可以獲得的金額范圍，金額派完則顯示很遺憾沒有中獎(jiǎng)，還要設(shè)置抽獎(jiǎng)活動(dòng)時(shí)間。

需求分析

一看這東西，就覺得非常簡(jiǎn)單。最簡(jiǎn)單的一個(gè)方案，活動(dòng)時(shí)間放在一個(gè)數(shù)據(jù)表，總金額和已經(jīng)使用金額存放在一個(gè)表，已經(jīng)派送的日志一個(gè)表。后臺(tái)提供一個(gè)接口，客戶端手動(dòng)點(diǎn)擊按鈕，則發(fā)送一個(gè)請(qǐng)求。賬號(hào)體系直接使用微信的oauth，接口首先判斷活動(dòng)有沒有開始，如果開始則隨機(jī)一個(gè)金額，然后判斷如果派送該金額會(huì)不會(huì)超預(yù)算，如果不超預(yù)算，則調(diào)用微信的現(xiàn)金接口發(fā)放零錢。

并發(fā)問題

這個(gè)簡(jiǎn)單方案存在一個(gè)致命的問題，就是并發(fā)下，可能導(dǎo)致超預(yù)算的問題。如果采用加鎖的方式，面對(duì)1000多員工同時(shí)請(qǐng)求，系統(tǒng)100%癱瘓。（因?yàn)槌楠?jiǎng)系統(tǒng)的服務(wù)器是最普通的1核1G 1M帶寬的服務(wù)器）

那么不加鎖的情況，又能如何避免并發(fā)造成的派送超過預(yù)算的問題呢？ 一個(gè)簡(jiǎn)單的辦法，把分配派送金額的操作從并行變成串行。那么就需要異步的編程方法。最簡(jiǎn)單的處理方法，把任務(wù)寫入mysql，然后啟動(dòng)一個(gè)獨(dú)立的進(jìn)程來一個(gè)任務(wù)一個(gè)任務(wù)的串行處理。異步的話，客戶端如何知道服務(wù)器已經(jīng)處理了呢？最簡(jiǎn)單就是采用輪詢的方法了，客戶端每隔幾秒就請(qǐng)求服務(wù)器一次。

性能問題

由于抽獎(jiǎng)是短時(shí)間大量用戶請(qǐng)求的，如果直接讓請(qǐng)求落到mysql，類似DDOS攻擊,一般的數(shù)據(jù)庫是扛不住的。而redis是1種基于內(nèi)存的高并發(fā)NoSQL,在很多公司廣泛使用,由于其性能非常好，并且其豐富的數(shù)據(jù)接口完全可以勝任抽獎(jiǎng)任務(wù)需求。 這個(gè)時(shí)候，你可能有這樣的疑問,我們的系統(tǒng)設(shè)計(jì)是怎么樣的呢？
抽獎(jiǎng)系統(tǒng)相關(guān)配置存儲(chǔ)在redis的一個(gè)key值，直接使用json格式
客戶端請(qǐng)求的時(shí)候判斷，時(shí)間是否在活動(dòng)時(shí)間范圍內(nèi)
客戶端請(qǐng)求如果時(shí)間在活動(dòng)范圍內(nèi)，則把用戶添加到一個(gè)redis集合，用于防止用戶重復(fù)請(qǐng)求，只有第一次請(qǐng)求才會(huì)添加到集合后，再添加到一個(gè)redis列表。
后臺(tái)一個(gè)獨(dú)立的進(jìn)程，從redis列表pop第一位用戶，然后分配一個(gè)金額，然后把金額和用戶信息壓入另一個(gè)redis列表B，同時(shí)寫入redis的hash結(jié)構(gòu)，標(biāo)示用戶獲得多少現(xiàn)金。一直循環(huán)該過程。
后臺(tái)另一個(gè)獨(dú)立的進(jìn)程，從redis列表B pop第一位用戶，然后調(diào)用發(fā)送現(xiàn)金接口，一直循環(huán)該過程。
客戶端不停輪詢獲取用戶金額的接口，該接口從哪個(gè)hash結(jié)構(gòu)獲取用戶金額，然后沒有數(shù)據(jù)，則告訴客戶端若干秒后再次請(qǐng)求。

前端優(yōu)化

由于參與活動(dòng)的人數(shù)較多，而且服務(wù)器是放在外網(wǎng)的，所以需要考慮帶寬的問題。
第一步，把靜態(tài)資源放到cdn。
第二步，抽獎(jiǎng)頁面靜態(tài)化，同時(shí)也放到cdn，這樣子服務(wù)器只需要承受用戶請(qǐng)求和登錄即可。
第三步，由于采用了微信登錄，所以登錄系統(tǒng)采用一個(gè)獨(dú)立的進(jìn)程，并且使用異步框架來處理高并發(fā)。
第四步，前端發(fā)送請(qǐng)求隊(duì)列化處理，避免用戶不停點(diǎn)擊，造成大量請(qǐng)求。

本文轉(zhuǎn)自：https://www.linuxprobe.com/develop-company.html

1. 確目標(biāo)受眾：在制作H5頁面之前，需要明確你的目標(biāo)受眾是誰，他們的興趣和需求是什么。這樣可以幫助你更好地設(shè)計(jì)頁面的內(nèi)容和布局。
2. 確定活動(dòng)主題：在確定受眾之后，需要確定活動(dòng)的主題和核心信息。這可以包括活動(dòng)的名稱、時(shí)間、地點(diǎn)、參與方式等。
3. 設(shè)計(jì)頁面布局：在設(shè)計(jì)頁面布局時(shí)，需要考慮如何呈現(xiàn)活動(dòng)信息，以及如何吸引用戶的注意力?？梢圆捎眠m當(dāng)?shù)膱D片、視頻、動(dòng)畫等元素來增強(qiáng)頁面的視覺效果。
4. 選用合適的配色方案：選擇與活動(dòng)主題相符的配色方案，可以增強(qiáng)頁面的視覺效果，提高用戶的閱讀體驗(yàn)。
5. 制作交互元素：在頁面中添加交互元素，如按鈕、表單、彈窗等，可以讓用戶更方便地參與活動(dòng)或抽獎(jiǎng)。
6. 優(yōu)化頁面性能：在制作H5頁面的過程中，需要考慮頁面的加載速度和兼容性?？梢圆捎眠m當(dāng)?shù)膬?yōu)化技術(shù)，如壓縮圖片、使用CDN加速等，以提高頁面的性能。
7. 測(cè)試和發(fā)布：在完成H5頁面的制作后，需要進(jìn)行測(cè)試，確保頁面的功能和交互效果符合預(yù)期。測(cè)試沒有問題后，可以發(fā)布頁面，并引導(dǎo)用戶通過各種渠道參與活動(dòng)。

總之，制作一個(gè)成功的年終促銷活動(dòng)宣傳和抽獎(jiǎng)的H5頁面需要考慮多方面的因素，包括目標(biāo)受眾、活動(dòng)主題、頁面布局、配色方案、交互元素、頁面性能和測(cè)試發(fā)布等。只有綜合考慮這些因素，才能制作出一個(gè)吸引人、易用性強(qiáng)、效果好的H5頁面。