头条小程序 · 淼赞软件合伙人搭建教程

首先登录字节跳动小程序开发者平台创建小程序[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)