uniapp学习（010-2 实现抖音小程序上线）

Uniapp开发抖音小程序实战指南
最新推荐文章于 2025-10-14 14:02:24 发布
原创 最新推荐文章于 2025-10-14 14:02:24 发布 · 1.7k 阅读 · 9 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端 #javascript #小程序 #vue #uniapp

零基础入门uniapp Vue3组合式API版本到咸虾米壁纸项目实战，开发打包微信小程序、抖音小程序、H5、安卓APP客户端等

总时长 23:40:00 共116P

此文章包含第113p的内容

文章目录

抖音小程序

下载抖音开发者工具

在这里插入图片描述

在这里插入图片描述

先去开发者工具里进行测试

发现与微信小程序存在差异化
在这里插入图片描述

使用#ifndef进行差异化管理
在这里插入图片描述

在这里插入图片描述

抖音开放平台配置

在这里插入图片描述

登录后进入控制台
在这里插入图片描述

在这里插入图片描述

抖音小程序不支持个人创建小程序 只可以是商户

在这里插入图片描述

开始打包

复制appID
在这里插入图片描述
在mainifest.json文件里进行配置
在这里插入图片描述

记得把权限打开 否则报错
在这里插入图片描述

这里需要一些申请条件才可以开启权限
在这里插入图片描述

这里太麻烦 我们还是使用#ifndef 去掉

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

发行代码
在这里插入图片描述

在这里插入图片描述

上传代码

点击上传
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

提交审核等待上线

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
记得备案
在这里插入图片描述

开发配置
在这里插入图片描述

在这里插入图片描述

uniapp生成抖音小程序 问题记录
m0_38066007的博客
01-30 3091
页面初始化后从本地缓存中得到数据并绑定给input标签，在ios中有时会发现value值已经得到了，但是没渲染到页面上。在开发工具和安卓上input标签可以正常显示，但是在ios上发现input标签不显示。原因大概是抖音小程序的input输入框没有宽度，需要手动设置。解决办法：在获取数据前使用$nextTick延迟渲染下。解决办法：给input加上宽度；
测评小程序uniapp开发 支持微信抖音小程序源码带云后台
03-14
测评小程序uniapp开发 支持微信抖音小程序源码带云后台。
UniApp 项目打包发布到 H5、微信小程序、支付宝小程序和抖音小程序
最新发布
热爱编码，享受创造
10-14 898
UniApp多平台发布指南：轻松打包H5、微信、支付宝、抖音小程序。核心步骤包括配置AppID、HBuilderX发行、使用对应开发者工具上传。H5需注意路由模式和服务器配置，小程序需依赖各平台开发者工具。实用技巧：使用条件编译处理平台差异、检查第三方库兼容性、活用转换工具迁移项目。掌握这些方法，即可实现一次开发多端发布，提升开发效率。
基于uniapp开发小程序，代码上线发布教程【抖音、微信】
关注前端，关注原创
02-29 5107
本文介绍基于uniapp开发的小程序，在hbuilderx中开发后，如何把代码上传到抖音，发布小程序。虽然最近才开始真正开发自己的微信小程序，但是微信小程序的代码发布很久之前就做过了，也没留下什么记录，所以微信小程序的代码发布过程就没办法详细介绍。最近正好想把代码同步发布到抖音平台，所以就以抖音为例，帮大家踩踩坑，写一篇uniapp开发的小程序如何发布到抖音的教程。微信小程序发布过程，可以以此参考。虽然还有一些兼容问题需要解决，但是至此，终于算是从无到有地走通了uniapp代码上传到抖音开放平台。
使用uni-app开发抖音小程序记录
纯黑色山羊
12-19 1522
已经在uni-app中的pages.json中设置了tabBar的background为#000；本应底部bar显示为黑色；最后通过真机预览发现，在真机中并未出现白边，所以应该是由于调试器出现了某些问题；也代表调试器与真机是具有一定的区别的。通过排查代码与通过抖音调试工具新建工程进行对比；但运行在调试程序中却会出现白边；
uniapp开发抖音小程序注意事项
weixin_41481507的博客
04-24 739
1.抖音小程序图片名不能带空格,不然真机调试的时候,图片查找不出来。2.抖音小程序需要登录按钮,需要登录页。
uniapp-vue3 抖音小程序开发（上线项目开源）
u010994219的专栏
10-07 2306
就直接拿出自己的vue3+pinia框架放入uniapp中开始干：项目比较简单，初版直接上线，想着数据流量接过来进行第二版优化：ue+操作体验+后端打点。上线之后甲方那边有些问题，没导入流量，因此第二版本就没提上日程。项目是单机的，直接读入本地题目配置可以跑。之前开发过支付宝小程序和微信小程序，这次是首次开发抖音小程序，老板要求只能下班之后做，给技术三天做完。最近公司临时接一个项目来接手别人的流量，项目比较小，时间比较赶。
解决uniapp开发抖音小程序video-player覆盖问题，超详细教程，前端相关操作，已成功上线产品
03-28
在uniapp框架中进行抖音小程序开发时，可能会遇到video-player组件覆盖问题，这通常是由于布局、样式冲突或者组件配置不当导致的。本教程将详细解析如何解决这一问题，并且已经成功应用于上线产品，确保方法的有效性...
uniapp小程序模仿抖音视频
09-11
通过uniapp开发模仿抖音视频的小程序，不仅可以实现短视频的核心功能，还能利用uniapp跨平台的优势，覆盖更广泛的用户群体。在开发过程中，注重用户体验、性能优化和创新设计，是构建成功应用的关键。
基于Uniapp开发壁纸小程序源码 微信抖音双端小程序源码.rar
11-23
使用Uniapp开发的小程序，可以在多个平台上运行，这包括微信小程序和抖音小程序，也就是我们常说的双端小程序。 微信作为当前中国最大的社交平台之一，其小程序的流量和用户基础是非常巨大的，吸引了无数开发者和...
uniapp 打开抖音小程序
雅心小筑
03-31 3276
网上查了一下都是一些打开指定用户或者视频的方法，这里就记录下如何打开小程序的方法，只支持在。同理还有其他的比如视频，用户等，具体参数请自行查找。
学习Uni-app开发小程序Day23
qq_34080064的博客
05-23 1144
抽离公共方法、条件编译抖音小程序
uniapp 抖音小程序授权登录
qq_26711723的博客
09-07 4874
【代码】uniapp 抖音小程序授权登录。
使用uniapp云开发对接抖音小程序通用交易系统
ctCheng的博客
06-04 1786
1、使用tt.requestOrder(options)生成一个抖音的订单2、使用tt.getOrderPayment(options);调起收银台完成支付3、服务端接收支付回调完成注意：开发者工具中可能会有 requestOrder 未定义的报错，直接使用真机调试就好了注意：使用前记得把抖音的通用交易那些需要开通的都开通了。
uniapp 抖音小程序登录
qq_38990668的博客
11-16 1136
【代码】uniapp 抖音小程序登录。
Uniapp X 打包抖音小程序教程
qq_33365152的博客
09-22 298
Uniapp X 打包抖音小程序教程、抖音小程序、小程序、微信小程序、Uniapp
uniapp转抖音小程序踩坑记录
weixin_43073383的博客
10-09 2609
8、自定义 image icon类似组件（以
uniapp开发测评：微信与抖音小程序全平台支持
在本场景中，“测评小程序uniapp开发 支持微信抖音小程序源码带云后台”指的是包含了一套完整功能的测评小程序的原始代码，它将包含前端代码和后端代码。前端代码主要负责界面展示和用户交互，而后端代码则负责处理...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值