发布自己的第一个抖音小程序

需求说明： 最近在开发抖音内嵌H5页面，需要上传抖音视频，其实上传主要是通过后端封装抖音提供的openapi接口来实现。 但是产品突然提了一个需求，说能不能上传成功后跳转到抖音其他页面呢？ 于是我翻遍了官方提供的js桥文档，但是官方文档里面根本没有相关的js桥和跳转方法。 于是使出了程序员的三连：做不了，实现不了，没有这个功能。 结果产品发来一个二维码，抖音扫码进去后是某商户的推广H5，功能大概是授权后上传素材视频，但最后它上传成功后居然跳转到了抖音的商户页面！ 啪啪打脸。 于是开始研..

尽管小程序的JS代码无法直接影响嵌套的H5页面代码，但您可以通过以下方法实现小程序和H5页面之间的通信： 1. 使用WebView的JavaScriptBridge进行通信：通过在小程序和H5页面之间建立JavaScriptBridge，可以通过调用Bridge提供的方法来实现小程序和H5页面之间的通信。H5页面中的代码将在WebView中独立运行，与小程序的代码是分开的。在小程序中嵌套H5页面时，小程序写的JS代码不会直接应用于嵌套的H5代码中。

小程序嵌套H5

抖音小程序循环嵌套，白屏、常见语法

本文是针对是把h5应用嵌入其它平台得流程。不是单独taro发布一个小程序，单独打包成app得流程，是从一个主平台直接进入一个子系统得嵌入适配方案。

webview不仅可以在微信小程序使用、还可以在支付宝小程、抖音小程序、百度小程序、安卓APP、IOSAPP等全域使用。

手机网站打包小程序教程，生成小程序，网页版小程序 打包微信小程序，H5封装成微信小程序。微信小程序开发一般分为2种方式，一种就是原生开发小程序，一种是将手机网站打包成小程序。原生开发小程序成本较高，技术含量也较高，后期维护较麻烦，优点是在极致环境下性能更好。如果成本预算较低无法开发原生小程序，或者已经有了手机网站，则可以考虑直接将手机网站打包成微信小程序。本教程给大家分享如何将手机网站打包成微信...

页面初始化后从本地缓存中得到数据并绑定给input标签，在ios中有时会发现value值已经得到了，但是没渲染到页面上。在开发工具和安卓上input标签可以正常显示，但是在ios上发现input标签不显示。原因大概是抖音小程序的input输入框没有宽度，需要手动设置。解决办法：在获取数据前使用$nextTick延迟渲染下。解决办法：给input加上宽度；

仿抖音 h5 & 小程序 React hooks + Taro 3 + Taro UI 目前还在开发中，暂时实现了一部分逻辑，源码已发布github在文章最下边 h5端效果预览，在线预览地址：https://lionelsun.github.io/taroTictok 1.实现功能 ✅基础布局 ✅视频上下滑动 ✅停止上条视频并重置进度 ✅单击暂停播放 (禁用自带控制) ????双击暂停播放 (实现中) ✅播放进度条 (实时监听当前视频进度并显示) ✅视频上下滑动 (停止上条视