電商小遊戲火爆，開發者如何快速接入？看這裡

白鷺科技發表於2020-09-27
遊戲

電商+小遊戲火爆的趨勢已愈發明顯，為了幫助商家更好的留住使用者、促進活躍，淘寶購物小程式已率先支援商家店鋪釋出創意互動小遊戲，進一步實現電商與小遊戲的緊密結合，搶佔消費者注意力！

對於遊戲開發者而言，則意味著休閒品類的小遊戲與電商結合的應用場景將會更加廣闊，大家可以腦洞大開、嘗試做更多的營銷互動類小遊戲！

現在，Egret Engine已與淘寶創意互動實現底層技術對接，開發者只需要將引擎版本升級到5.3.10、Egret Launcher升級至1.2.22，即可輕鬆實現將遊戲一鍵釋出至淘寶購物平臺！

淘寶創意互動接入指南見下：
一、開發環境準備
1.註冊商家應用賬號；
2.下載淘寶開發工具；
3.關於使用者授權，使用者資訊等系統功能，請呼叫平臺提供的 API；
4.白鷺引擎版本 5.3.10 以上；
5.EgretLauncher 版本 1.2.22 以上。

二、建立小遊戲和視覺化編譯打包小遊戲
1.使用測試版的 Egret Launcher 建立一個 Egret 遊戲專案，或者將原有的 Egret 專案匯入；
在這裡插入圖片描述

2.匯入或者建立完成後，會在 Egret Launcher 的列表裡看到該專案。點選釋出設定:
在這裡插入圖片描述

3.選擇“淘寶創意互動”標籤，點選確定，建立淘寶專案；
在這裡插入圖片描述

4.建立成功後，點選發布標籤，可以視覺化的釋出小遊戲包；
在這裡插入圖片描述

5.遊戲程式碼型別：把白鷺工程裡的程式碼編譯淘寶專案裡；

  • debug：js 程式碼不進行uglify 混淆，便於 debug 除錯；
  • release：js 程式碼進行 uglify 混淆壓縮；

6.淘寶創意互動專案結構檔案說明：
在這裡插入圖片描述

  • app.css ：應用的全域性樣式檔案，一般不需要修改；

  • app.js：註冊應用，獲取應用的啟動、顯示、隱藏等訊息

  • app.json：應用的配置檔案；

  • js 目錄：白鷺專案編譯出來的遊戲程式碼 ；

  • manifest.js：用於載入依賴的 js 檔案；

  • mini.project.json：用於配置專案用到的檔案格式，如果用到了特殊的檔案格式，需要在這配置；

  • package.json：專案描述檔案；

  • pages/index 資料夾：
    egret.tbgame.js：白鷺適配層檔案
    index.axml：入口的頁面結構
    index.js：入口類
    tools 資料夾：一些工具類，不要修改

  • resource : 遊戲的圖片、音訊等資原始檔
    三、安裝到手機
    1.下載開發者工具；
    2.點選【商家應用】->【開啟專案】，選擇剛才建立好的淘寶創意互動專案；
    在這裡插入圖片描述

3.專案型別，選擇商家應用；
在這裡插入圖片描述

4.在皮膚的左上方關聯應用，點選右上方的真機除錯，編譯完成後，使用手機淘寶APP，掃碼除錯；
在這裡插入圖片描述

四、注意事項

  1. 平臺因為安全問題，不支援 my.request 這個網路請求的 API。我們通過其他 API支援了大部分的網路請求方法，如果你的遊戲還有問題，請使用雲開發；
  2. 載入遠端資源時，資源要放在阿里系域名下，具體情況請諮詢淘寶的技術支援；
  3. 平臺提供的文字輸入功能很弱，請先測試檢視效果；
  4. 建立的 egret.Sound ，在不用的時候，一定要呼叫 sound.close() 方法來銷燬；
  5. 不支援橫屏遊戲；
  6. iOS 暫時不支援 websock 真機除錯，預覽模式可以使用；
  7. iOS 暫時不支援本地聲音播放，網路載入的聲音可以；
  8. 不能直接呼叫 window 物件，需要使用 $global.window；
  9. 模擬器暫時不支援聲音播放等功能，請以真機測試為準。

五全域性變數的使用
淘寶創意互動專案不支援全域性變數，具體使用方式，請查閱Egret官方教程文件-《關於全域性變數的使用》！

相關文章