資訊專欄INFORMATION COLUMN
摘要：眼下小游戲特別火，不少團(tuán)隊(duì)也陸續(xù)啟動(dòng)了微信小游戲的項(xiàng)目，并于立項(xiàng)前期進(jìn)行技術(shù)預(yù)研究。但從微信官方文檔看卻能發(fā)現(xiàn)不少坑。對(duì)微信小游戲和瀏覽器之間的運(yùn)行環(huán)境差異無感知，非常友好。微信小程序要求開發(fā)者的服務(wù)器支持協(xié)議。
眼下小游戲特別火，不少團(tuán)隊(duì)也陸續(xù)啟動(dòng)了微信小游戲的項(xiàng)目，并于立項(xiàng)前期進(jìn)行技術(shù)預(yù)研究。但從微信官方文檔看 , 卻能發(fā)現(xiàn)不少坑。
一、運(yùn)行環(huán)境的坑1.API兼容性
1.1、網(wǎng)絡(luò)API
BOM的核心是windows，表示的是一個(gè)瀏覽器的實(shí)例，在網(wǎng)頁中自定義的任何一個(gè)對(duì)象、變量和函數(shù)，都以windows作為其全局對(duì)象；缺乏Dom意味著http、websocket及本地存儲(chǔ)等通信用的API使用就會(huì)遇到問題，好在微信提供了這兩個(gè)API的私有實(shí)現(xiàn)，我們要做的就是適配。
適配的基本思路是檢測是否是運(yùn)行再微信平臺(tái)，然后利用JS動(dòng)態(tài)語言特性, 對(duì)BOM的API進(jìn)行動(dòng)態(tài)重寫 , 優(yōu)缺點(diǎn)如下：
1、優(yōu)點(diǎn)是API調(diào)用者無需做任何改動(dòng),適配成本幾乎為0。對(duì)微信小游戲和瀏覽器之間的運(yùn)行
環(huán)境差異無感知，非常友好。
2、缺點(diǎn)是會(huì)增加代碼體積，但代碼體積的增加帶來的損失幾乎可以忽略不計(jì)。
這種適配方案的性價(jià)比很高, 適配HTTP代碼示例如下:
1.2、微信的模塊化
微信小游戲提供了 CommonJS 風(fēng)格的模塊 API，可以通過 module.exports 和 exports 導(dǎo)出模塊，通過 require 引入模塊 . 這與瀏覽器引入JS文件的方式截然不同 , 中間有一個(gè)隔離層。
讓我們舉個(gè)例子來說明模塊化帶來的問題。
通常我們?cè)跒g覽器上使用某個(gè)js文件里面自定義的類，通過
標(biāo)記可以直接使用。
但在微信中不可以這樣.需要把API都導(dǎo)入到一個(gè)對(duì)象上，使用時(shí)在加這個(gè)前綴.導(dǎo)致很多代碼需要修改，那么如何避免增加這個(gè)前綴呢？
針對(duì)這種情況 , 解決的思路是將所有外部需要用到的方法和對(duì)象動(dòng)態(tài)掛靠到window對(duì)象上去，將上面的代碼稍做修改示例如下:
工作流變化
由于微信小游戲沒有Dom和Bom，所以很多依賴Dom和Bom的庫都不能直接用，比如 jquery。
微信的這套環(huán)境會(huì)或多或少會(huì)引起我們的工作流變化，使用第三方游戲開發(fā)引擎(比如Cocos Createor/Egret/Laya)可以彌補(bǔ)這些問題帶來的損失。
1、每個(gè)小游戲允許上傳的代碼包總大小為 4MB。
解決方法1:壓縮js文件，圖片資源放在服務(wù)器上做預(yù)加載。
解決方法2:使用第三方引擎的資源管理功能。
2、微信小程序要求開發(fā)者的服務(wù)器 支持https,wss協(xié)議。
解決方案:服務(wù)器啟用HTTPS。實(shí)現(xiàn)的方式有很多,推薦Nginx反向代理。
小游戲開發(fā)完成后發(fā)布上線需要具備如下的資格：
1: 服務(wù)器域名備案
2: https wss支持
3: 軟件著作權(quán)證書 復(fù)印件+蓋章簽名
4: 微信公眾平臺(tái)帳號(hào)及AppID
5: 開發(fā)者工具wechat_devtools_1.02.1803210_x64
6: 游戲自審報(bào)告復(fù)印件+簽名
7: iOS開發(fā)中帳號(hào)(可選,沒有則填空)
8: 游戲版號(hào)(開通微信支付需要)
9:企業(yè)開發(fā)者身份+對(duì)公帳號(hào)(開通微信支付需要)
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/107797.html
摘要：整個(gè)小程序所有分包大小不超過單個(gè)分包主包大小不能超過微信小程序主流框架對(duì)比應(yīng)該算是最早發(fā)布的小程序開發(fā)框架，提供了類的語法風(fēng)格和特性，現(xiàn)階段應(yīng)該也是應(yīng)用最廣泛的框架吧。不過微信官方為了防止下載離線包的時(shí)間過程，也嚴(yán)格限制了小程序包的體積。 那些年我們踩過的坑css樣式不能引用本地圖片資源，只能引用線上資源(background-image)，引用本地圖片資源只能用標(biāo)簽。{{}}不能執(zhí)行...
摘要：接下來說說我踩過的那些坑布局版本兼容問題布局自提出之后，變化過好幾個(gè)版本標(biāo)志標(biāo)志標(biāo)志新增了對(duì)項(xiàng)的規(guī)定草案階段兼容方案父級(jí)布局不用考慮其他屬性都對(duì)應(yīng)相關(guān)的版本方案，目前項(xiàng)目中是只寫最新的方案，由自動(dòng)添加兼容方案。 接觸H5項(xiàng)目后，開始了解到flex布局，功能非常之強(qiáng)大，用起來相當(dāng)之舒服?；镜闹R(shí)介紹就不說了，參考http://www.ruanyifeng.com/blo...。 接下來...
閱讀 2826·2021-11-11 17:21
閱讀 695·2021-09-23 11:22
閱讀 3639·2019-08-30 15:55
閱讀 1699·2019-08-29 17:15
閱讀 627·2019-08-29 16:38
閱讀 1003·2019-08-26 11:54
閱讀 2623·2019-08-26 11:53
閱讀 2816·2019-08-26 10:31
