在开发抖音小程序时,传统开发工具的代码上传操作极为繁琐😩。开发者需在复杂图形界面中层层点击,手动填写版本号、描述等信息,稍有疏忽就可能出错。而抖音官方推出的tt-ide-cli命令行工具则截然不同✨,它凭借简洁的命令,将项目构建、预览、发布等小程序开发全流程进行简化。开发者在命令行输入简短指令,就能高效完成过去在开发工具中的复杂操作,专注于核心业务逻辑。接下来,让我们深入探索tt-ide-cli。(tt-ide-cli官方文档地址)
一、什么是 tt-ide-cli
tt-ide-cli是抖音官方专为开发者打造的命令行工具🧰,为开发者提供了一系列便捷命令,覆盖小程序开发的全生命周期。无论是项目初始化,构建过程,还是预览与发布环节,都能通过在命令行执行相应命令轻松完成,让原本在集成开发环境(IDE)中繁琐的操作变得简单高效。
二、安装 tt-ide-cli
安装tt - ide - cli有正式版和 beta 版本两种选择。
1、全局安装正式版
在命令行输入以下命令,即可将tt - ide - cli工具全局安装到系统中:
npm install -g tt-ide-cli安装成功后,仿佛为你的开发 “工具箱” 增添了一把强大的新工具🔧,后续开发将更加得心应手。
2、安装 beta 版本(非必需,尝鲜可选)
若想率先体验最新功能,可在命令行执行:
npm install -g tt-ide-cli@beta需注意,beta 版本可能存在不稳定因素,更适合在测试场景中使用。就像提前试驾一辆新车型🚗,虽能感受前沿科技,但要做好应对小状况的准备。
三、cli登录
cli 登录tt - ide - cli主要有三种方式。
通过 token 登录
需先获取 token,获取方式参考官网文档:https://developer.open-douyin.com/docs/resource/zh-CN/mini-app/develop/dev-tools/developer-instrument/development-assistance/cli-token 。获取 token 后,使用以下代码登录:
tma.setAppConfig({
appid: 'ttxxxxxx',
config: {
token: '123123123',
},
});这就好比用一把特制的 “数字钥匙”🔑,通过特定代码开启登录之门。
通过邮箱 + 密码登录
使用以下代码,凭借注册邮箱和密码登录:
tma.loginByEmail({
email: "email",
password: "password",
});如同日常登录邮箱账号一样,熟悉的方式,让登录操作简单明了📧。
通过手机号 + 短信登录
使用如下代码,在收到短信验证码后完成登录:
tma.loginByPhone({
phoneNumber: 'phoneNumber',
code: 'code',
});如同接收快递取件码一样📦,输入正确验证码,顺利完成登录。
四、预览小程序
使用tt - ide - cli预览小程序,可通过以下代码配置预览参数:
tma.preview({
project: {
path: "projectPath", // 项目地址
},
page: {
path: "", // 小程序打开页面
query: "", // 小程序打开 query
scene: "", // 小程序打开场景值
launchFrom: "", // 小程序打开场景(未知可填空字符串)
location: "", // 小程序打开位置(未知可填空字符串)
},
qrcode: {
format: "imageSVG", // imageSVG | imageFile | null | terminal
// imageSVG 用于产出二维码 SVG
// imageFile 用于将二维码存储到某个路径
// terminal 用于将二维码在控制台输出
// null 则不产出二维码
output: "", // 只在 imageFile 生效,填写图片输出绝对路径
options: {
small: false, // 使用小二维码,主要用于 terminal
},
},
cache: true, // 是否使用缓存
copyToClipboard: true, // 是否将产出的二维码链接复制到剪切板
});完成配置后,仿佛为小程序搭建了一个 “预览舞台”🎭,能提前看到它的精彩呈现。
五、上传项目
项目开发完成准备上传时,使用tt - ide - cli通过以下代码设置上传参数:
tma.upload({
project: {
path: "projectPath", // 项目地址
},
qrcode: {
format: "imageSVG", // imageSVG | imageFile | null | terminal
// imageSVG 用于产出二维码 SVG
// imageFile 用于将二维码存储到某个路径
// terminal 用于将二维码在控制台输出
// null 则不产出二维码
output: "", // 只在 imageFile 生效,填写图片输出绝对路径
options: {
small: false, // 使用小二维码,主要用于 terminal
},
},
copyToClipboard: true, // 是否将产出的二维码链接复制到剪切板
changeLog: "changelog", // 本次更新日志
version: "1.0.0", // 本次更新版本,可选参数,默认值为前序版本号末位加一
needUploadSourcemap: true, // 是否上传后生成 sourcemap,推荐使用 true,否则开发者后台解析错误时将不能展示原始代码
channel: "1", // 可选参数,表示上传时的测试通道
});这一过程就像是把精心打造的作品🎁,通过特定通道准确无误地传递到指定平台。
六、小程序提审
小程序开发完成并上传后,使用tt - ide - cli的以下代码完成提审操作:
tma.audit({
appid: "",
host: [], // douyin,toutiao,tt_lite,ppx,xigua,huoshan,helo,musically,tiktok,douyin_lite,dou_shop,daliAI_coach,huoshan_lite,dcd,ocean_engine,fanqie,tt_elder,xiaohe,feiyu
autoPublish: true, // 是否审核通过后自动发布
});提交提审,就如同把作品送去参加评选🏆,期待它能顺利通过审核,与广大用户见面。
结语:通过对tt - ide - cli各环节介绍,展现其强大功能。它简化抖音小程序开发流程,提升效率。开发者合理运用,可打造优质小程序,拓展开发空间。
