最近在嘗試着做微信小遊戲,將自己的過程記錄下來,因爲網上一些都不太全,所以自己做了一個歸一,嘿嘿~
踩了點坑~
如果有不對的,可以評論聯繫我哦~
1.註冊微信小程序
需要開發小遊戲,需要先註冊微信小程序,可以使用郵箱/微信號/qq號註冊小程序,賬號類型選擇“小程序”
一共有三個步驟,按照提示進行填寫,注意:一個郵箱只能註冊一個。
我是使用qq郵箱註冊,如果還需要註冊公衆號的話,可以採用qq郵箱的英文郵箱名來註冊。嘿嘿~
下面的右圖是qq郵箱的英文郵箱號的位置哦~
2.下載小遊戲開發工具
註冊完了之後,就登錄微信公衆平臺。根據下面兩張圖片可以找到小遊戲開發工具的位置哦~
再根據自己電腦系統選擇合適的安裝包。
下載安裝完後,注意記住安裝路徑哦~
我安裝的路徑是:D:\Program Files (x86)\Tencent\微信web開發者工具
安裝完之後,再登錄。
登錄後左下角有自己的微信頭像呢~
3.安裝cocos creator
下載安裝包網址:http://www.cocos.com/
點擊“產品”,在左邊就會出現各個版本的安裝包。
其實不用選擇較新的,選擇穩定的版本比較好。
我選擇的是:v1.10.2版本。
下載好了安裝包,就可以安裝提示進行安裝啦。
建議直接安裝到c盤,其實需要的內存也不大,另外做小遊戲其實不需要VS這麼強大的編輯器,就可以不用下載VS了。
安裝好了之後,就可以打開cocos creator啦,不過需要cocos的賬號。可以直接在官網註冊一個賬號。
4.微信小遊戲和cocos creator 相關聯
(1)先創建一個cocos項目
我自己創建了一個自帶的 hello word 項目(爲了方便之後在微信小程序中展現)
(2)設置 原生開發環境
創建好項目之後,打開文件 -> 設置
WechatGame 程序路徑:需要填寫剛剛開發工具的路徑哦~
記得點保存哦~
(3)構建發佈
打開 項目 -> 構建發佈
注意以下有八步哦~
注意當點了第 6 步的時候,第 7 步的 idle 變成 complete 的時候,才點第 8 步哦~
如果點第 8 步的時候,出現下面的問題:
IDE service port disabled. To use CLI Call, open IDE -> Settings -> Security Settings, and set Service Port On.
可以打開 微信web開發者工具 :
把設置 -> 安全 的服務端口打開。這樣就可以了。
(4)運行 -> 完成(耶~)
可以點預覽 ,再用註冊的微信掃描二維碼,就可以在真機上顯示了哦~