抽獎必須支持跨平臺和多端支持
- 根據(jù)H5可跨平臺特性袁波，可支持的系統(tǒng)：Android / IOS / iPadOS / Windows / Mac
- 根據(jù)屏幕大小/設備類型，需要支持：手機蜗侈、平板篷牌、電腦/智能電視
- 根據(jù)使用場景，需要能嵌入：微信小程序踏幻、微信公眾號枷颊、獨立APP
具體的實現(xiàn)方案
多操作系統(tǒng)的支持
現(xiàn)在H5已經(jīng)相當普及，抽獎工坊前端使用H5開發(fā)，就可以天然支持各種操作系統(tǒng)夭苗，甚至是游戲機都可以運行信卡。過程只需使用各種設備，測試好兼容性即可题造。
多設備支持
多設備支持遇到的問題主要是設備大屏幕大小不一致傍菇，設備屏幕大小主要可以分為三種：
- 小屏幕：各種手機設備
- 中等屏幕：平板電腦
- 大屏幕：電腦/智能電視
針對不同屏幕，傳統(tǒng)的方法是使用彈性布局界赔。但是鑒于抽獎系統(tǒng)界面的多樣和復雜性丢习。我們不使用彈性布局，而是針對不同屏幕大小淮悼，設計不同的HTML和CSS模版來渲染界面咐低。前端通過判斷屏幕大小，來確認調(diào)用哪一套HTML和CSS來渲染頁面袜腥。這樣雖然工作量會比較大渊鞋，但是效果是最佳的。
多場景兼容
之前設計的用戶模式瞧挤，其實就是用來兼容不同的場景锡宋。根據(jù)不同的使用場景，調(diào)用不同的JS模塊來實現(xiàn)相應的功能特恬。
例如需要嵌入APP执俩，則使用API模式可以實現(xiàn)。
要嵌入微信或者微信小程序癌刽，可使用微信模式來實現(xiàn)役首。
后面根據(jù)市場的變化，可以增加不同的用戶模式來適應市場需求显拜。
