前言

來(lái)啦老鐵！

筆者在微信小程序、小游戲剛出來(lái)的時(shí)候，有實(shí)踐過(guò)微信小程序，當(dāng)時(shí)沒(méi)有把過(guò)程記錄下來(lái)，而這兩天在準(zhǔn)備一個(gè)團(tuán)隊(duì)分享，借此機(jī)會(huì)，把微信小游戲的開(kāi)發(fā)實(shí)踐記錄一下（小程序與小游戲整體過(guò)程類似），有興趣的朋友不要錯(cuò)過(guò)喲！

官網(wǎng)教程：https://developers.weixin.qq.com/minigame/dev/guide/

小程序注冊(cè)步驟

1. 填寫(xiě)賬號(hào)信息；
2. 郵箱激活；
3. 用戶信息登記；
4. 補(bǔ)充小程序的基本信息；

注冊(cè)地址：https://mp.weixin.qq.com/wxopen/waregister?action=step1

1. 填寫(xiě)賬號(hào)信息；

填寫(xiě)賬號(hào)信息

2. 郵箱激活；

郵箱激活 1

郵箱激活 2

3. 用戶信息登記；

• 郵箱激活完成后，跳轉(zhuǎn)到用戶信息登記頁(yè)面，正確填寫(xiě)信息后，提交，成功后可看到如下彈框：

用戶信息登記

• 點(diǎn)擊彈框中的“前往小程序”按鈕，跳轉(zhuǎn)到“小程序發(fā)布流程”頁(yè)面：

小程序發(fā)布流程

4. 補(bǔ)充小程序的基本信息；

填寫(xiě)小程序的基本信息，如名稱、圖標(biāo)、描述等，提交后，再次進(jìn)入小程序基本信息頁(yè)面，如：

小程序基本信息

開(kāi)發(fā)環(huán)境準(zhǔn)備

1. 安裝并啟動(dòng)開(kāi)發(fā)者工具；
2. 進(jìn)入開(kāi)發(fā)者工具客戶端；
3. 創(chuàng)建小游戲項(xiàng)目；

1. 安裝并啟動(dòng)開(kāi)發(fā)者工具；

• 開(kāi)發(fā)者工具下載地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

下載開(kāi)發(fā)者工具

根據(jù)個(gè)人設(shè)備情況選擇不同安裝包，我使用mac，macOS 穩(wěn)定版大小約：236MB；

2. 進(jìn)入開(kāi)發(fā)者工具客戶端；

• 啟動(dòng)開(kāi)發(fā)者工具；

啟動(dòng)開(kāi)發(fā)者工具

• 打開(kāi)已安裝的開(kāi)發(fā)者工具客戶端，使用剛剛注冊(cè)小游戲帳號(hào)登記的微信帳號(hào)“掃一掃”掃碼即可進(jìn)入小游戲開(kāi)發(fā)環(huán)境。

微信掃描成功

• 手機(jī)授權(quán)登陸，即可：

進(jìn)入開(kāi)發(fā)者工具客戶端

3. 創(chuàng)建小游戲項(xiàng)目；

• 點(diǎn)擊選擇開(kāi)發(fā)者工具客戶端中，左側(cè)“小程序項(xiàng)目”中的“小游戲 Tab”；
• 點(diǎn)擊右側(cè)“+”號(hào)，開(kāi)始創(chuàng)建小游戲項(xiàng)目；

開(kāi)始創(chuàng)建小程序

• 填寫(xiě)小游戲信息；

填寫(xiě)小游戲信息

其中的AppID(即：小程序ID)，需要登陸小程序管理頁(yè)面進(jìn)行獲??；
登陸地址：https://mp.weixin.qq.com/

• 手機(jī)微信掃描登陸頁(yè)面的登陸二維碼，然后選擇要登陸的小程序即可；

登陸小程序管理頁(yè)面

• 登陸后找到AppID；

AppID

• 復(fù)制AppID，填入開(kāi)發(fā)者工具的小游戲信息填寫(xiě)頁(yè)面；
• 點(diǎn)擊“新建”按鈕；

新建小游戲

• 點(diǎn)擊后不要著急，等個(gè)10來(lái)秒鐘，即可進(jìn)入小游戲開(kāi)發(fā)頁(yè)面（俗稱IDE），如：

小游戲開(kāi)發(fā)頁(yè)面

在開(kāi)發(fā)者工具的小游戲開(kāi)發(fā)頁(yè)面左側(cè)，默認(rèn)啟動(dòng)了一個(gè)虛擬手機(jī)（模擬器），并且運(yùn)行了一個(gè)“打飛機(jī)”的小游戲，后續(xù)的開(kāi)發(fā)，可以實(shí)時(shí)渲染、調(diào)試喲~

開(kāi)發(fā)者工具簡(jiǎn)介

開(kāi)發(fā)者工具簡(jiǎn)介

1. 模擬器；

• 可以選擇不同的設(shè)備進(jìn)行預(yù)覽，提前關(guān)注兼容性；

模擬器

• 可以在模擬器中模擬手機(jī)操作；

2. 項(xiàng)目代碼；

3. 代碼編輯器；

4. 控制臺(tái)；

與瀏覽器的控制臺(tái)極為相似，或者說(shuō)就是！這個(gè)大家應(yīng)該很眼熟呀！

5. 編譯、預(yù)覽、真機(jī)調(diào)試、清除緩存；

真機(jī)調(diào)試有一定限制：僅支持6.7.2 ~ 7.0.0（iOS）、6.7.3（Android）及以上版本微信客戶端。同時(shí)，如使用iOS系統(tǒng)則系統(tǒng)版本需為11.2 ~ 11.4.1。

真機(jī)調(diào)試

可使用二維碼真機(jī)調(diào)試、自動(dòng)真機(jī)調(diào)試。

6. 發(fā)布相關(guān)、小游戲信息相關(guān)；

夜已深，咱今天先聊到這里吧，這兩天會(huì)完成一個(gè)小小的小游戲開(kāi)發(fā)實(shí)踐，有興趣的朋友們，可以關(guān)注一下~

如果本文對(duì)您有幫助，麻煩動(dòng)動(dòng)手指點(diǎn)點(diǎn)贊？

謝謝！