頭條小程序 · 淼贊軟件合伙人搭建教程

首先登錄字節跳動小程序開發者平臺創建小程序[https://microapp.bytedance.com/](https://microapp.bytedance.com/) ![](https://img.kancloud.cn/d4/aa/d4aa72c11aabb57014466e295c6f3b4b_1440x701.png) 創建完成后進入小程序管理中心功能管理-支付中開通支付功能 ![](https://img.kancloud.cn/e2/60/e260cc9f9035bb91d8fbe251ea3659af_1440x757.png) 在開發管理-開發設置中填寫服務器域名，并將AppID AppSecret等信息對應填寫到商城后臺 ![](https://img.kancloud.cn/f4/9a/f49a47b5a58e3ad5d178e66ce465aea3_1443x758.png) ![](https://img.kancloud.cn/27/ff/27ff6b938bf4a61a916967013d8970e0_1442x757.png) 將支付信息對應填寫到商城后臺并保存 ![](https://img.kancloud.cn/d9/d8/d9d8244d453a5c0cb34b2c6ab26a3b93_1439x753.png) ![](https://img.kancloud.cn/fa/6f/fa6feb08e319d82529545e0286e55920_1439x708.png) 然后下載小程序代碼包,使用字節跳動小程序開發者工具上傳代碼,提交審核 ![](https://img.kancloud.cn/95/da/95da53b89f96033327ac04fe49150d2d_1369x576.png) 注意需要修改代碼包中的siteinfo.js文件內的uniacid值和siteroot的域名 ![](https://img.kancloud.cn/40/d7/40d7529b38a5cadebeb5bdeb5fa487ca_1163x46.png) uniacid的值在商城后臺的賬戶信息中查看 ![](https://img.kancloud.cn/a8/fe/a8fea1ba7473182cfe1e48946fcf54f8_891x247.png) 如果需要修改標題欄顏色,則需要在app.json中修改navigationBarTextStyle項(標題欄文本顏色白色或黑色"white"或"black")和navigationBarBackgroundColor項標題欄背景色 ![](https://img.kancloud.cn/52/ce/52cef5759d8d4894ad1928837bebce96_529x95.png) 開發者工具導入流程 1、下載并安裝字節跳動小程序開發者工具[https://microapp.bytedance.com/docs/zh-CN/mini-app/develop/developer-instrument/developer-instrument-update-and-download](https://microapp.bytedance.com/docs/zh-CN/mini-app/develop/developer-instrument/developer-instrument-update-and-download) 2、點擊+號選擇導入項目，將下載并解壓后的小程序代碼包導入到開發者工具 ![](https://img.kancloud.cn/71/c7/71c76dc51db7726c182f8a1ce5e1392f_838x607.png) ![](https://img.kancloud.cn/30/5a/305a1f5f531e567fb66a09091d82f3c7_815x619.png) ## 點擊導入項目 ## ![](https://img.kancloud.cn/0c/36/0c36f90e9cf3dc92dae00ed876c2c282_1420x881.png) 等待開發者工具加載完成后點擊上傳 ![](https://img.kancloud.cn/e5/f4/e5f417fa90bf629a72c6df1ea98fd7d2_1421x891.png) 上傳完成后在字節跳動小程序開發者平臺版本管理中進行預覽提交審核等操作 ![](https://img.kancloud.cn/e1/51/e1512b8ceaf003b88667b7061f42ffa6_1440x701.png)