zoukankan      html  css  js  c++  java
  • 一、微信小游戏开发 --- 初次在微信开发者工具里跑Egret小游戏项目

    尝试下Egret的小游戏开发,学习,学习,干IT,不学习,就得落后啊。。。

    相关教程:

    Egret微信小游戏教程

    微信公众平台-微信小游戏教程

    微信公众平台-微信小游戏接入指南

    开发版本:

    Egret Engine 5.1.11

    Egret Wing 4.1.5

    微信开发者工具 1.02.1803210

    开发流程:

    一. 注册微信小程序账号。

    二. 下载安装微信开发者工具

    三. Egret创建微信小游戏项目

    一、注册微信小程序账号

    前往 微信公众平台,按照小程序注册教程注册账号。

    二、下载安装微信开发者工具

    下载安装微信开发者工具

    三、Egret创建微信小游戏项目

     新建个Egret游戏项目Test。其他设置默认的就行,只是测试用。

    项目创建后,需要修改egretProperties.json的current为wxgame,记得编译一遍引擎。

     

    在Egret Launcher中,找到新建的项目Test,选择发布

     

    可以使用Egret的默认测试AppID,也可以使用你注册的微信账号的AppID。

    建议直接使用你注册的账号AppID。AppID在平台的设置->开发设置->开发者ID。

    项目名称你仍然可以设置为Test

     

     配置完AppID后,点击确定,会发布出一个新的项目文件夹Test_wxgame,这个就是微信小游戏的代码了。

    选择“使用微信开发者工具打开”。当你安装过微信开发者工具时,会自动打开。

    提示报错,不能使用showAll模式。回到egret项目,修改index.html的适配模式为fixedWidth。

    然后编译一遍Egret项目,编译完成后,微信开发者工具这边会自动编译一次。

    可以看到。showall模式的报错没有了。出现了JS文件过大,无法压缩的问题。

     可以在微信开发者工具,右上角的“详情”查看当前项目大小。

    修改主项目config.wxgame.ts的

    new CompilePlugin({ libraryType: "debug", defines: { DEBUG: true, RELEASE: false } }),
    

    new CompilePlugin({ libraryType: "release", defines: { DEBUG: false, RELEASE: true } }),
    

    再次编译,发现导出js文件夹下的egret.js等都会变成压缩后的egret.min.js了。就不会有JS文件过大的问题了。  

      

    或者使用命令行发布

    egret publish --target wxgame

    到此我们已经能够创建Egret项目,并且在微信开发者工具里运行了。

    问题:

    当使用自己注册的账号,用自己的AppID时,找不到app.json。

    下图是我微信账号的AppID。登陆微信公众平台后,在"设置"-"开发设置"中可以看到

     app.json找不着,这是走的微信小程序入口,而不是微信小游戏入口,微信小游戏入口应该是game.json。

    这是因为我们进入的项目自动变成了小程序项目,这个需要做2个设置:

    1. 设置微信公众账号,服务类目必须是游戏

    2. 设置微信开发者工具的开发模式

    完善你的小程序基本设置,小程序的服务类目必须是游戏

    微信开发者工具的开发模式,不能是小程序模式。因为没有小游戏模式的选择,所以这里应该是什么都不选。

    如果你自己选小程序模式了,暂时我找不到办法切到小游戏模式。只能用微信开发者工具再新建一个项目,让开发模式默认空白。

     

    好了,这里我们已经能够在微信开发者工具里,用自己的微信账号AppID,跑Egret的项目了。

  • 相关阅读:
    第06组 Alpha冲刺(4/6)
    第06组 Alpha冲刺(3/6)
    第06组 Alpha冲刺(2/6)
    第06组 Alpha冲刺(1/6)
    第06组 团队Git现场编程实战
    团队项目-需求分析报告
    团队项目-选题报告
    洛谷3195 玩具装箱(dp,斜率优化)
    CF 1334(edu85) F. Strange Function(线段树,dp)
    CF1325E. Ehab's REAL Number Theory Problem(最小环)
  • 原文地址:https://www.cnblogs.com/gamedaybyday/p/9028419.html
Copyright © 2011-2022 走看看