企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
首先登录支付宝开放平台创建支付宝小程序 https://openhome.alipay.com/platform/developerIndex.htm ![](https://img.kancloud.cn/78/12/78124db59a1a420ca45c896304aa7be2_1525x891.png) 填写小程序名称后创建 ![](https://img.kancloud.cn/04/84/048454ec018190d81bd935eb2fcbe792_1525x891.png) 创建完成后在[开放设置]中配置小程序信息 ![](https://img.kancloud.cn/81/d4/81d4d2ce414f771cc0379a5662fb846c_1525x891.png) ![](https://img.kancloud.cn/d4/a9/d4a913f0c8fbd9c3956a04cc36255186_1525x891.png) 使用支付宝Web在线加密工具生成密钥 https://miniu.alipay.com/keytool/create 点击生成密钥,将应用私钥填写到商城的开发者私钥中,将应用公钥填写到支付宝的[填写公钥字符]中 ![](https://img.kancloud.cn/07/59/0759ff59393dd92312f07d37fec24ffa_1525x891.png) ![](https://img.kancloud.cn/c5/7f/c57f174b864ec19fd5ff0a64e1403132_1525x891.png) ![](https://img.kancloud.cn/00/3c/003cf412932daf91012c800d20fb1fc2_1525x891.png) 点击保存设置后 复制支付宝公钥到商城中,将小程序ID,小程序名称等信息完善后保存 ![](https://img.kancloud.cn/12/38/123886773acb087b09fb4a58244853de_1525x891.png) 设置服务器域名白名单 ![](https://img.kancloud.cn/28/80/2880ce199115f74267b4f29fe60d16f7_1525x891.png) 然后下载小程序代码包,使用支付宝小程序开发者工具上传代码,提交审核 ![](https://img.kancloud.cn/d8/c0/d8c036ec091996252c03f3791263825b_1369x578.png) 如果下载文件无法解压,请手动将下载文件名加上.zip后缀 注意 需要修改代码包中的siteinfo.js文件内的uniacid值和siteroot的域名 ![](https://img.kancloud.cn/fd/b9/fdb974365ee75efb54657fd050d5e53e_1163x46.png) uniacid的值在商城后台的账户信息中查看 ![](https://img.kancloud.cn/53/7f/537f3efc69c919daa001a096f1718021_896x249.png) 如果需要修改标题栏颜色,则需要在app.json中修改navigationBarTextStyle项(标题栏文本颜色白色或黑色"white"或"black")和titleBarColor项标题栏背景色 ![](https://img.kancloud.cn/3d/31/3d31e118fc5f9f8a839715db514ead75_439x118.png) 开发者工具导入流程 1、下载并安装支付宝小程序开发者工具 https://opendocs.alipay.com/mini/ide/download 2、选择打开项目,将下载并解压后的小程序代码包导入到开发者工具 ![](https://img.kancloud.cn/d1/e5/d1e5b8a7de32dc6266f077a508038dfe_1000x700.png) 点击完成 ![](https://img.kancloud.cn/99/d5/99d5fafd32f191e7a9713690e2d4139d_1000x700.png) 等待开发者工具加载完成后点击上传 ![](https://img.kancloud.cn/11/12/11120cb11ec927295a2604c253faab38_1536x864.png) 上传完成后 在支付宝开放平台对应的小程序版本管理中进行预览提交审核等操作 ![](https://img.kancloud.cn/a5/3b/a53bb06e17a3c4d5aa068891a0793046_1525x891.png)