字节小程序填坑说明
抖音和頭條小程序都遷移到字節小程序了,只需要開發字節小程序就可以上架字節旗下支持小程序的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語法文檔
組件問題
不支持全局組件,全局注冊了后,使用時會給出警告說,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 社區有支持
總結
- 上一篇: 四年之约不负等待,耕升 GeForce
- 下一篇: Python的word文档读取doc读取