抖音和頭條小程序都遷移到字節小程序了，只需要開發字節小程序就可以上架字節旗下支持小程序的App

準備條件 (類似于微信小程序)

申請開發者權限（Appid 字節小程序
工具下載 字節小程序開發工具

有微信小程序原生開發經驗，開發字節小程序是沒有學習成本

許多語法都是通用得，只是把 wx,換成tt
后面有把微信小程序轉為字節小程序思路

基礎結構

小程序項目中單個頁面會依賴不同類型的文件：

.json 后綴的 JSON 配置文件
.ttml 后綴的 TTML 模板文件
.ttss 后綴的 TTSS 樣式文件
.js 后綴的 JS 腳本文件

字節小程序解決了一些預覽和調試問題

真機預覽不限于本機，任何手機都可以（需要字節旗下App 如 頭條，抖音），推送預覽只能在抖音上面預覽，掃碼預覽和真機調試（字節旗下App 如 頭條，抖音都可以）這一塊比微信小程序好，值得點贊，

代碼編輯器

比任何編輯器都難用，比如開發頁面時，需要實時看效果，編輯器卡的不能在卡，渲染卡，寫頁面卡，嚴重影響開發效率和速度，根本都沒有開發體驗這一說，純純的垃圾

上傳代碼問題

時不時都會出現網絡問題
開發調試都沒有問題，等上傳代碼發布，就報各種千奇百怪的語法錯誤

數據綁定 （跟微信小城一樣）

不支持 Array 屬性
不支持 String 屬性

基礎語法

<view> {{ message }} </view>

不支持語法

<view> {{ [1,2,3,4,5].includes(type)}} </view>

支持三目運算

<view> {{ type >1 '男' : '女'}} </view>

解決復雜的數據綁定 sjs插值表達式中的變量進行處理
sjs 對應 微信小程序 wxs

語法

<sjs module="Util" src="../../../utils-sjs.sjs"></sjs><view class="fcl999 f28">{{Util.enumerate(type)}}</view> Page({data: {message: "Hello World!",type:3}, });

utils-sjs.sjs sjs語法文檔

var enumerate= function (type) {if type == 1) {return '男'} else if (type == 2) {return '女'} else {return '未知'} } module.exports = { enumerate:enumerate }

組件問題

不支持全局組件，全局注冊了后，使用時會給出警告說，xx 為空，只能局部注冊使用

部分API （手機號登錄，獲取位置，視頻掛載到小程序）權限問題

才申請的小程序只有 60分 評價為C級

手機號登錄，獲取位置，支付等功能，字節管理的比微信小程序嚴格

以上權限不僅需要企業開發賬號，還必須上線后去申請開通，且必須滿足條件

手機號登錄 （才申請的發布的小程序申請不到）評級達到B級及以上，信用分不低于90分 才能開通

獲取位置 （才申請的發布的小程序申請不到） 評級A，信用分100分

關于授權手機號碼問題

抖音的獲取手機號碼跟跟微信獲取手機號碼的區別在于

wxml 微信小程序

<button class="auth" type="default" size="mini" hover-class="none" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">獲取手機號碼</button>

可用在 getPhoneNumber 函數里面調用 wx.login 獲取用戶code 不管調用多少次都會成功換到手機號碼

tt.ml 抖音小程序

<button bindtap="loginAuto">抖音登錄</button> <button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumberHandler">獲取手機號碼</button>

獲取手機號碼想要每次都能獲取必須按照以下步驟 先 tt.login 先獲取 code 后在去 調用 獲取
獲取手機號碼想要每次都能獲取必須按照以下步驟 先 tt.login 先獲取 code 后在去 調用 獲取
獲取手機號碼想要每次都能獲取必須按照以下步驟 先 tt.login 先獲取 code 后在去 調用 獲取
獲取手機號碼想要每次都能獲取必須按照以下步驟 先 tt.login 先獲取 code 后在去 調用 獲取
獲取手機號碼想要每次都能獲取必須按照以下步驟 先 tt.login 先獲取 code 后在去 調用 獲取

正確順序是 ==》先調用 tt.login 在調用獲取手機號碼 （不能在同一個函數執行），順序一定不能亂，順序一定不能亂亂了
如果在獲取手機號碼里面去調用tt.login，重復第二次點擊獲取手機號碼必定解析出錯

此坑耗時接近一周才解決，還特意詢問了抖音技術這邊，按照他們的回復的調用順序果然每一次都能成功

如果想微信那樣在 獲取 getPhoneNumber 手機號碼 時區調用 login 接口，重復點擊第二次必定會解析手機號碼出錯

第三方框架開發 如（uni-app）

存在問題

經常編譯不出字節小程序代碼（為空文件）體驗極低

在加上字節開發工具 超級難用，一邊編譯不出源碼，一邊又卡

把原生微信小程序轉為字節小程序

建議使用 Taro

Taro 官方支持 把原生小程序轉化為 Taro 源碼，在把轉化的源碼轉為 字節小程序

uni-app 社區有支持

總結

以上是生活随笔為你收集整理的字节小程序填坑说明的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。