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

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

申請(qǐng)開發(fā)者權(quán)限（Appid 字節(jié)小程序
工具下載 字節(jié)小程序開發(fā)工具

有微信小程序原生開發(fā)經(jīng)驗(yàn)，開發(fā)字節(jié)小程序是沒有學(xué)習(xí)成本

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

基礎(chǔ)結(jié)構(gòu)

小程序項(xiàng)目中單個(gè)頁面會(huì)依賴不同類型的文件：

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

字節(jié)小程序解決了一些預(yù)覽和調(diào)試問題

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

代碼編輯器

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

上傳代碼問題

時(shí)不時(shí)都會(huì)出現(xiàn)網(wǎng)絡(luò)問題
開發(fā)調(diào)試都沒有問題，等上傳代碼發(fā)布，就報(bào)各種千奇百怪的語法錯(cuò)誤

數(shù)據(jù)綁定 （跟微信小城一樣）

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

基礎(chǔ)語法

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

不支持語法

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

支持三目運(yùn)算

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

解決復(fù)雜的數(shù)據(jù)綁定 sjs插值表達(dá)式中的變量進(jìn)行處理
sjs 對(duì)應(yīng) 微信小程序 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 }

組件問題

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

部分API （手機(jī)號(hào)登錄，獲取位置，視頻掛載到小程序）權(quán)限問題

才申請(qǐng)的小程序只有 60分 評(píng)價(jià)為C級(jí)

手機(jī)號(hào)登錄，獲取位置，支付等功能，字節(jié)管理的比微信小程序嚴(yán)格

以上權(quán)限不僅需要企業(yè)開發(fā)賬號(hào)，還必須上線后去申請(qǐng)開通，且必須滿足條件

手機(jī)號(hào)登錄 （才申請(qǐng)的發(fā)布的小程序申請(qǐng)不到）評(píng)級(jí)達(dá)到B級(jí)及以上，信用分不低于90分 才能開通

獲取位置 （才申請(qǐng)的發(fā)布的小程序申請(qǐng)不到） 評(píng)級(jí)A，信用分100分

關(guān)于授權(quán)手機(jī)號(hào)碼問題

抖音的獲取手機(jī)號(hào)碼跟跟微信獲取手機(jī)號(hào)碼的區(qū)別在于

wxml 微信小程序

<button class="auth" type="default" size="mini" hover-class="none" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">獲取手機(jī)號(hào)碼</button>

可用在 getPhoneNumber 函數(shù)里面調(diào)用 wx.login 獲取用戶code 不管調(diào)用多少次都會(huì)成功換到手機(jī)號(hào)碼

tt.ml 抖音小程序

<button bindtap="loginAuto">抖音登錄</button> <button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumberHandler">獲取手機(jī)號(hào)碼</button>

獲取手機(jī)號(hào)碼想要每次都能獲取必須按照以下步驟 先 tt.login 先獲取 code 后在去 調(diào)用 獲取
獲取手機(jī)號(hào)碼想要每次都能獲取必須按照以下步驟 先 tt.login 先獲取 code 后在去 調(diào)用 獲取
獲取手機(jī)號(hào)碼想要每次都能獲取必須按照以下步驟 先 tt.login 先獲取 code 后在去 調(diào)用 獲取
獲取手機(jī)號(hào)碼想要每次都能獲取必須按照以下步驟 先 tt.login 先獲取 code 后在去 調(diào)用 獲取
獲取手機(jī)號(hào)碼想要每次都能獲取必須按照以下步驟 先 tt.login 先獲取 code 后在去 調(diào)用 獲取

正確順序是 ==》先調(diào)用 tt.login 在調(diào)用獲取手機(jī)號(hào)碼 （不能在同一個(gè)函數(shù)執(zhí)行），順序一定不能亂，順序一定不能亂亂了
如果在獲取手機(jī)號(hào)碼里面去調(diào)用tt.login，重復(fù)第二次點(diǎn)擊獲取手機(jī)號(hào)碼必定解析出錯(cuò)

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

如果想微信那樣在 獲取 getPhoneNumber 手機(jī)號(hào)碼 時(shí)區(qū)調(diào)用 login 接口，重復(fù)點(diǎn)擊第二次必定會(huì)解析手機(jī)號(hào)碼出錯(cuò)

第三方框架開發(fā) 如（uni-app）

存在問題

經(jīng)常編譯不出字節(jié)小程序代碼（為空文件）體驗(yàn)極低

在加上字節(jié)開發(fā)工具 超級(jí)難用，一邊編譯不出源碼，一邊又卡

把原生微信小程序轉(zhuǎn)為字節(jié)小程序

建議使用 Taro

Taro 官方支持 把原生小程序轉(zhuǎn)化為 Taro 源碼，在把轉(zhuǎn)化的源碼轉(zhuǎn)為 字節(jié)小程序

uni-app 社區(qū)有支持

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。