开发教程与代码示例
收藏为了方便开发者针对重点功能或场景进行开发，本页面汇总了现有开发教程及代码示例。
说明
可以通过左侧目录查看教程文档，也可以点击页面中的链接查看 Codelab。
入门
视频教程
快速了解抖音小程序开发上线全流程
开发 ToDoList 小程序
抖音开发者工具 - 界面及基础功能
抖音开发者工具 - 模拟器调试
抖音开发者工具-真机调试
其它代码示例
进阶
基础能力
视频教程
小程序登录
分享能力
搜索能力
开放能力
开发教程 | 代码示例 | 描述 | 学习耗时 |
代码示例 | 20 分钟 | ||
| 代码示例 | 为保障小程序的良好体验，在原本的标准化导航栏之外提供「自定义页面结构能力」供开发者使用。申请能力通过后，顶部导航栏将不再展示，小程序可以以沉浸式样式展示。 本 Codelabs 将聚焦在如何设计、申请和开发自定义页面结构。 | 60 分钟 |
在教程中查看代码示例 | 线索组件是抖音开放平台提供给线索类小程序的核心经营能力，帮助经营者高效获取手机号等线索，提升流量分发精准性。 该 Codelab 介绍如何完成线索组件接入。 | 25 分钟 | |
无 | 该 Codelab 旨在帮助开发者了解如何接入抖音开放平台的 IM，包括如何处理 IM 的回调事件，以及调用 IM 的 OpenAPI 向 C 端用户发送私信。 | 30 分钟 | |
在教程中查看代码示例 | 订阅消息能力基于抖音的通知渠道，为开发者提供了可以高效触达用户，提升小程序复访的订阅消息能力。 该 Codelab 介绍小程序如何接入消息订阅能力。 | |
行业能力
开发教程 | 代码示例 | 描述 | 学习耗时 |
代码示例 | 抖音开放平台在小程序与本地生活服务的开放能力基础上，为小程序生活服务代运营服务商和自营商家分别量身定制了一套有针对性的接入方案。 该 Codelab 介绍如何开发一个本体团购类小程序的前端。 | 30 分钟 | |
在教程中查看代码示例 | 该 Codelab 将介绍如何将你售卖的商品相关信息上传到抖音，创建这个商品，最终得到 goods-id。 | 30 分钟 |
AI/AR 能力
开发教程 | 代码示例 | 描述 | 学习耗时 |
| AI/AR 算法提供给开发者获取输入图像中某个结构指定信息的能力。 该 Codelab 通过实现一个试鞋小程序，逐步介绍了足部识别算法的使用方式，以及如何配合 three.js 实现更为复杂的功能。 | 45 分钟 | |
| AI/AR 算法提供给开发者获取输入图像中某个结构指定信息的能力。 该 Codelab 通过实现一个美甲小程序，逐步介绍了指甲识别算法，以及结合 three.js 的使用方式。 | 20 分钟 | |
| AI/AR 算法提供给开发者获取输入图像中某个结构指定信息的能力。 该 Codelab 介绍了平面识别算法的使用，以及结合 three.js 如何开发一个平面追踪小程序。 | 15 分钟 | |
| AI/AR 算法提供给开发者获取输入图像中某个结构指定信息的能力。 该 Codelab 介绍了物体跟踪算法的使用，以及如何结合 three.js 开发一个物体追踪小程序。 | 20 分钟 |
最佳实践
安全开发
开发教程 | 代码示例 | 描述 | 学习耗时 |
无 | 根据《个人信息保护法》《数据安全法》《网络安全法》等相关法律法规和监管要求，为提升小程序的隐私合规及用户数据安全性，请各位开发者尽快完成隐私协议设置，并保持小程序所需隐私能力与隐私保护说明的动态更新，对未填写隐私保护说明的小程序，平台会限制接口调用。 本 Codelabs 将聚焦在如何配置和开发隐私协议组件。 | 20 分钟 |
性能优化
开发教程 | 代码示例 | 描述 | 学习耗时 |
在教程中查看代码示例 | HEIC 是一种高效的容器图像文件格式，使用高效视频编码（HEVC）标准进行压缩，相比 JPEG、PNG 格式体积更小。 该 Codelab 介绍如何让 image 图片提交减小 7 成。 | 10 分钟 |
开发问题互助交流
进群获取 0-1 开发指南以及平台的最新动态信息，同时可以与开发者同行展开互助交流，有 2000+ 友好的开发者在社群等你一起互助交流，快来加入我们吧。
