雷火平台-中国知名电竞赛事平台

開(kāi)發(fā)工具和調(diào)試步驟

如果您使用的是uniapp框架，需要參考如下步驟：

??HBuilderX：這是uniapp的官方IDE，可以下載開(kāi)發(fā)版或標(biāo)準(zhǔn)版。

??微信開(kāi)發(fā)者工具：這是微信小程序的官方開(kāi)發(fā)工具，可以到微信官網(wǎng)下載

開(kāi)發(fā)和調(diào)試的步驟如下：

1.打開(kāi)HBuilderX，選擇文件->新建項(xiàng)目->選擇uni-app項(xiàng)目，輸入項(xiàng)目名稱，選擇模板，點(diǎn)擊創(chuàng)建。?? ?

2.打開(kāi)項(xiàng)目的manifest.json文件，找到mp-weixin節(jié)點(diǎn)，輸入你的微信小程序AppID，如果沒(méi)有，可以在微信公眾平臺(tái)申請(qǐng)。

3.打開(kāi)微信開(kāi)發(fā)者工具，選擇設(shè)置->安全設(shè)置->服務(wù)端口，勾選開(kāi)啟服務(wù)端口。

4.在HBuilderX中，選擇運(yùn)行->運(yùn)行到小程序模擬器->微信開(kāi)發(fā)者工具，HBuilderX會(huì)自動(dòng)啟動(dòng)微信開(kāi)發(fā)者工具，并導(dǎo)入uni-app生成的小程序項(xiàng)目。

5.在微信開(kāi)發(fā)者工具中，你可以看到uni-app的效果，也可以使用微信小程序的調(diào)試功能，比如控制臺(tái)，網(wǎng)絡(luò)，性能等。

6.在HBuilderX中，你可以使用Vue.js語(yǔ)法開(kāi)發(fā)你的小程序頁(yè)面，組件，邏輯，樣式等，HBuilderX會(huì)實(shí)時(shí)編譯你的代碼，并同步到微信開(kāi)發(fā)者工具中，你可以看到實(shí)時(shí)的變化。

7.當(dāng)你的小程序開(kāi)發(fā)完成后，你可以選擇發(fā)布->發(fā)布到小程序平臺(tái)，HBuilderX會(huì)打包你的小程序項(xiàng)目，并生成一個(gè)zip文件，你可以在微信開(kāi)發(fā)者工具中上傳這個(gè)zip文件，然后在微信公眾平臺(tái)上提交審核，等待發(fā)布。

? ? ??

如果您是微信原生小程序，請(qǐng)參考微信小程序開(kāi)發(fā)文檔，文檔比較詳細(xì)。

開(kāi)發(fā)注意事項(xiàng)如何減少小程序包的體積由于微信對(duì)小程序上傳做了限制，每個(gè)包的大小不能超過(guò)2M，這時(shí)就需要我們?cè)陂_(kāi)發(fā)之前進(jìn)行分包處理，也就是將一個(gè)大的單包拆分成多個(gè)包，比如一個(gè)主包，多個(gè)子包。當(dāng)然，如果你是在本地開(kāi)發(fā)，不上傳到微信服務(wù)器上就不會(huì)限制的，所以我們盡量在開(kāi)發(fā)前就按照業(yè)務(wù)模塊進(jìn)行包的拆分。一般來(lái)說(shuō)，主包可以是首頁(yè)、個(gè)人中心等公共的內(nèi)容，子包可按業(yè)務(wù)模塊進(jìn)行拆分。

1、有關(guān)靜態(tài)資源引入方案一般來(lái)說(shuō)，小程序開(kāi)發(fā)過(guò)程中包含的靜態(tài)資源比較多，比如logo、輪播圖、背景圖、示例圖片等。這些圖片占用了大部分的體積，這種無(wú)論你如何分包都是肯定會(huì)超過(guò)2M的。我們可以將靜態(tài)資源發(fā)布到靜態(tài)資源服務(wù)器中，比如nginx。在加載靜態(tài)資源時(shí)，以網(wǎng)絡(luò)url模式進(jìn)行加載。 ???

2、有關(guān)字體（iconfont）文件的引入方案在我們引入阿里圖標(biāo)庫(kù)時(shí)，都是將圖標(biāo)庫(kù)的靜態(tài)文件放到代碼中，使用css方式進(jìn)行引入，為了減少體積，我們可采用如下方式：下載圖標(biāo)庫(kù)文件，將iconfont.css放入項(xiàng)目?jī)?nèi)，把@font-face修改為在線圖標(biāo)庫(kù)生成的在線鏈接，地址頭需要添加https。注意：使用網(wǎng)絡(luò)引入iconfont后，需要在小程序后臺(tái)設(shè)置中將阿里云官網(wǎng)的地址添加到允許的域名列表中。否則無(wú)法訪問(wèn)到相關(guān)網(wǎng)絡(luò)請(qǐng)求。

3、商戶證書(shū)、APIv3密鑰申請(qǐng)及配置當(dāng)我們的小程序接入了微信支付的功能，為了保證支付安全，需要我們配置商戶的公鑰證書(shū)、私鑰、以及生成APIv3對(duì)稱密鑰。同時(shí)要在程序中以全局的模式下載微信平臺(tái)證書(shū)。這些過(guò)程這里不做敘述，只作為開(kāi)發(fā)的步驟提醒。如果想了解，請(qǐng)查看具體的文檔。

測(cè)試與小程序配置

1 服務(wù)器域名配置當(dāng)本地測(cè)試不滿足我們的要求時(shí)，我們就需要將小程序上傳到微信平臺(tái)上。尤其是當(dāng)多個(gè)人測(cè)試微信小程序，并使用微信支付的功能時(shí)。那我們需要做一些配置。首先在開(kāi)發(fā)管理菜單中，對(duì)服務(wù)器域名進(jìn)行配置。官方要求，配置的必須為備案的域名，并且已經(jīng)申請(qǐng)了https證書(shū)。如下圖所示：配置的域名是小程序應(yīng)用服務(wù)器后臺(tái)的入口地址，所以這對(duì)我們后臺(tái)環(huán)境的部署也有一定的要求： ? ?

（1）外網(wǎng)可訪問(wèn)

（2）要申請(qǐng)備案的域名

（3）配置https證書(shū)建議大家在開(kāi)發(fā)時(shí)，配置整個(gè)應(yīng)用的入口地址，也就是具備了公網(wǎng)ip的服務(wù)器或云服務(wù)器地址。

2 管理小程序項(xiàng)目成員可對(duì)小程序設(shè)置項(xiàng)目成員，添加了項(xiàng)目成員才有權(quán)限在手機(jī)上體驗(yàn)和使用小程序，同時(shí)也可以給項(xiàng)目成員添加小程序的權(quán)限，比如：開(kāi)發(fā)、數(shù)據(jù)統(tǒng)計(jì)、數(shù)據(jù)分析、小程序運(yùn)營(yíng)等。添加方式是通過(guò)微信號(hào)的方式進(jìn)行添加。

3?上傳體驗(yàn)版進(jìn)行測(cè)試體驗(yàn)版：就是給項(xiàng)目人員進(jìn)行測(cè)試或用戶測(cè)試使用的，體驗(yàn)版脫離了本地開(kāi)發(fā)者工具測(cè)試，本地開(kāi)發(fā)者工具測(cè)試只能是一個(gè)人測(cè)，而體驗(yàn)版是多個(gè)人測(cè)試。體驗(yàn)版可以在本地開(kāi)發(fā)者工具中進(jìn)行代碼編譯和上傳，上傳時(shí)請(qǐng)勾選壓縮代碼。體驗(yàn)版每次上傳都會(huì)進(jìn)行版本覆蓋，所以體驗(yàn)版是沒(méi)有升級(jí)的概念的。體驗(yàn)版需要配置頁(yè)面的路徑（首頁(yè)）才能訪問(wèn)小程序。 ? ?8 小程序版本及上線過(guò)程微信公眾平臺(tái)小程序提供了3類版本：

1、體驗(yàn)版（開(kāi)發(fā)版）: 測(cè)試版本。

2、審核版本：這個(gè)版本需要在體驗(yàn)版提交審核，提交審核時(shí)有以下限定條件：需要維護(hù)小程序類目，小程序類目是確定小程序經(jīng)營(yíng)范圍的，是和企業(yè)及單位掛鉤的，在維護(hù)小程序類目時(shí)，如果業(yè)務(wù)涉及到了拍賣、電商、商業(yè)服務(wù)等業(yè)務(wù)范圍，必須提供相應(yīng)的資質(zhì)，比如，拍賣業(yè)務(wù)就必須上傳企業(yè)資質(zhì)，網(wǎng)站備案證書(shū)及拍賣證書(shū)等，否則您的小程序代碼在審核中是無(wú)法通過(guò)的。提交審核時(shí)，微信平臺(tái)人員會(huì)檢查您的服務(wù)器域名是否備案，是否是真實(shí)且能夠訪問(wèn)的有效地址，同時(shí)會(huì)運(yùn)行起你的小程序檢查小程序的界面是否符合你填寫(xiě)的小程序經(jīng)營(yíng)類目，否則小程序的代碼審核也是不通過(guò)的。所以當(dāng)您的小程序想要提交到審核版本時(shí)，你必須完成上述的要求。

3、線上版本：線上版本就是在審核版本提交發(fā)布后，直接發(fā)布到了線上版本。但是在提交發(fā)布前，我們必須要完成小程序備案，小程序備案的入口：設(shè)置-》小程序備案。小程序備案目的是為了保障用戶的合法權(quán)益，保證小程序能夠在運(yùn)營(yíng)過(guò)程中合法、合規(guī)。備案，涉及工信部審核。備案時(shí)需要填寫(xiě)兩大部分信息：（1）主體負(fù)責(zé)人信息：需要提供小程序主體負(fù)責(zé)人的身份信息、電話等。小程序的主體負(fù)責(zé)人必須是注冊(cè)小程序的法人信息，填寫(xiě)時(shí)微信平臺(tái)會(huì)核對(duì)。（2）小程序負(fù)責(zé)人信息：需要提供小程序負(fù)責(zé)人的身份信息和電話等，小程序負(fù)責(zé)人即為小程序管理員。小程序備案的填寫(xiě)的信息相對(duì)于來(lái)說(shuō)比較簡(jiǎn)單，備案申請(qǐng)會(huì)提交到工信部進(jìn)行審核。這其中會(huì)有一步初審，初審的目的就是再次檢查一下您的小程序是否都具備相關(guān)的資質(zhì)、證書(shū)等。初審?fù)ㄟ^(guò)后，工信部會(huì)發(fā)給法人一條短信，短信信息就是短信驗(yàn)證碼，需要法人在收到短信24小時(shí)內(nèi)到工信部官網(wǎng)進(jìn)行短信核驗(yàn)，核驗(yàn)通過(guò)后大概會(huì)提交給管局進(jìn)行審核，審核如果通過(guò)即備案完成。備案完成時(shí)間大概為3-5天。備案完成后即可提交發(fā)布，發(fā)布后立即就為線上版本了。 ? ?9 小程序如何進(jìn)行版本升級(jí)，每次代碼變化都要經(jīng)歷剛剛說(shuō)的審核步驟么答案：是的，如果您的小程序代碼發(fā)生了變更，都需要經(jīng)歷8節(jié)說(shuō)的提交審核的過(guò)程，但是，這不會(huì)耽誤太長(zhǎng)時(shí)間，一般半天就可以完成。那小程序是如何進(jìn)行升級(jí)的呢？升級(jí)時(shí)需要編寫(xiě)升級(jí)代碼。更新機(jī)制小程序的更新機(jī)制分為：?未啟動(dòng)時(shí)更新?啟動(dòng)時(shí)更新未啟動(dòng)時(shí)更新：意味著微信客戶端會(huì)在用戶不在訪問(wèn)小程序期間，主動(dòng)觸發(fā)更新，最慢24小時(shí)內(nèi)覆蓋所有用戶。如果用戶在未覆蓋期間進(jìn)入小程序，則觸發(fā)了啟動(dòng)時(shí)更新。啟動(dòng)時(shí)更新：用戶冷啟動(dòng)進(jìn)入小程序時(shí)，均會(huì)檢測(cè)小程序是否有更新版本，若有則后臺(tái)默默更新，準(zhǔn)備為下次冷啟動(dòng)時(shí)使用。需要注意的是，此時(shí)訪問(wèn)的仍是舊版本的小程序。如果此時(shí)想手動(dòng)使用新版小程序，則可以使用官方API。

如若用戶是第一次打開(kāi)小程序（即新用戶），則會(huì)直接打開(kāi)最新版本的小程序。此時(shí)不需要考慮更新機(jī)制。由于官方API沒(méi)有提供主動(dòng)下載新版本小程序的能力，僅提供了檢測(cè)的能力。因此，當(dāng)新版本下載失敗時(shí)，沒(méi)法主動(dòng)觸發(fā)重試，只能讓用戶繼續(xù)訪問(wèn)舊版本的小程序。下載失敗之后，小程序的重試機(jī)制不得而知?？赡苄枰却〕绦虮讳N毀之后，再次冷啟動(dòng)時(shí)才會(huì)再次主動(dòng)更新；又或者等待24小時(shí)之后。由于可能存在下載新版本失敗的用戶，因此小程序的后端服務(wù)需要考慮向后兼容。另外，可以在下載失敗的回調(diào)函數(shù)里加入數(shù)據(jù)統(tǒng)計(jì)，用于計(jì)算更新失敗的概率。 ? ? ? ? ??

實(shí)際情況：新上線的版本，如果是熱啟動(dòng)，就是之前的小程序打開(kāi)過(guò)，小程序會(huì)在后臺(tái)自動(dòng)觸發(fā)更新操作，并不會(huì)有提示。如果您之前打開(kāi)過(guò)小程序，再次打開(kāi)小程序后不會(huì)觸發(fā)更新代碼，而就是最新的代碼了。