tt-ide-cli 使用指南
119 浏览2025年03月24日作者:求求更新商城吧

在开发抖音小程序时,传统开发工具的代码上传操作极为繁琐😩。开发者需在复杂图形界面中层层点击,手动填写版本号、描述等信息,稍有疏忽就可能出错。而抖音官方推出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各环节介绍,展现其强大功能。它简化抖音小程序开发流程,提升效率。开发者合理运用,可打造优质小程序,拓展开发空间。

最后一次编辑于 2025 年 03 月 26 日
0 条评论

相关文章

专题推荐

热门文章

热门问答