文档中心 > 店铺动态卡片-开发指引

店铺动态卡片-开发指引

使用白鹭引擎创建一个淘宝创意互动项目

更新时间：2024/08/02 访问次数：10391

一、开发环境准备

 

1. 注册商家应用账号；

2. 用户授权，用户信息等系统功能，请调用平台提供的 API，可查看平台 API 说明；

3. 白鹭引擎版本 5.3.10 以上；

4. EgretLauncher 版本 1.2.22 以上。

 

IDE的下载地址：

【白鹭 IDE 官网下载最新 EgretLauncher】https://docs.egret.com/engine

 

1）下载 EgretLauncher 并安装白鹭引擎 5.3.10 版本以上；

2）在 Launcher 里创建一个白鹭游戏工程项目，版本选择为 5.3.10 ；

3）在 Launcher 里通过刚才创建的游戏项目，发布对应的淘宝创意互动项目。

 

二、创建并编译打包

 

1. 使用 Egret Launcher 创建一个 Egret 游戏项目，或者将原有的 Egret 项目导入；

 

image.png

 

2. 导入或者创建完成后，会在 Egret Launcher 的列表里看到该项目。点击发布设置；

 

image.png

 

3. 选择 淘宝创意互动 标签，点击确定，创建淘宝创意互动项目；

 

image.png

 

4. 创建成功后，点击发布标签，可以可视化的发布小程序包；

 

image.png

 

5. 游戏代码类型：把白鹭工程里的代码编译淘宝项目里；

 

1）debug：js 代码不进行 uglify 混淆，便于 debug 调试；

2）release：js 代码进行 uglify 混淆压缩；

 

6. 淘宝创意互动项目结构；

 

image.png

 

项目名称

说明

app.css

应用的全局样式文件，一般不需要修改。查看详细说明。

app.js

注册应用，获取应用的启动、显示、隐藏等消息。查看详细说明。

app.json

应用的配置文件。查看详细说明。

js 目录

白鹭项目编译出来的游戏代码。

manifest.js

用于加载依赖的 js 文件。

mini.project.json

用于配置项目用到的文件格式，如果用到了特殊的文件格式，需要在这配置。

pages/index 文件夹

1）egret.tbgame.js：白鹭适配层文件；

2）index.axml：入口的页面结构；

3）index.js：入口类；

4）tools 文件夹：一些工具类，不要修改。

resource

游戏的图片、音频等资源文件。

 

三、安装到手机

 

1. 下载小程序开发者工具。

2. 点击【商家应用】->【打开项目】，选择刚才创建好的淘宝创意互动项目。

 

image.png

 

3. 项目类型，选择商家应用。

 

image.png

 

4. 在面板的左上方关联应用，点击右上方的真机调试，编译完成后，使用手机淘宝APP，扫码调试。

 

image.png

 

四、注意事项

 

1. 创建的 egret.Sound ，在不用的时候，一定要调用 sound.close() 方法来销毁。

2. 不支持横屏游戏；

3. 不能直接调用 window 对象，需要使用 $global.window。

 

FAQ

关于此文档暂时还没有FAQ
有用(0) 我要提问
返回
顶部
阿里巴巴集团 | 淘宝网 | 天猫 | 聚划算 | 全球速卖通 | 阿里巴巴国际交易市场 | 1688 | 阿里妈妈 | 阿里旅行·去啊 | 阿里云计算 | YunOS | 阿里通信 | 万网 | 高德 | 优视 | 友盟 | 酷盘 | 虾米 | 天天动听 | 来往 | 钉钉 | 11Main | 支付宝
关于淘宝 合作伙伴 营销中心 联系客服 开放平台 诚征英才 联系我们 网站地图 法律声明 © 2016 Taobao.com 版权所有
网络文化经营许可证：文网文[2010]040号 | 增值电信业务经营许可证：浙B2-20080224-1 | 信息网络传播视听节目许可证：1109364号