支付寶小程序 · 喜開店商城

首先登錄支付寶開放平臺創建支付寶小程序 [https://openhome.alipay.com/platform/developerIndex.htm](https://openhome.alipay.com/platform/developerIndex.htm) ![](https://img.kancloud.cn/8f/07/8f07a137812ed6a2dd8b2d1d72593ecd_1635x757.png) 填寫小程序名稱后創建 ![](https://img.kancloud.cn/9d/a2/9da2d2a6765e6ab275817883d6c62b35_1526x887.png) 創建完成后在\[開放設置\]中配置小程序信息，配置IP白名單，如果不設置白名單則默認沒有任何攔截![](https://img.kancloud.cn/a3/9f/a39f98ecffa09c3d0c7efad712b82acd_1660x803.png) 使用支付寶Web在線加密工具生成密鑰[https://opendocs.alipay.com/common/02kipl](https://opendocs.alipay.com/common/02kipl) 或其他在線生成工具如[http://web.chacuo.net/netrsakeypair](http://web.chacuo.net/netrsakeypair) ![](https://img.kancloud.cn/61/0f/610fc62ffbe0c56af0ffbaa1b59a0a2e_1073x55.png) 點擊生成密鑰，將支付寶Web在線加密工具里的**應用私鑰**填寫到**商城的應用私鑰**中，將**應用公鑰**填寫到**支付寶的\[填寫公鑰字符\]**中(這里要特別注意不要填寫錯了) ![](https://img.kancloud.cn/01/c8/01c8d0543d22f5e1561adebc02240978_780x590.png) ![](https://img.kancloud.cn/f3/a1/f3a1c2cb42c915a3aaee623986f66b32_780x590.png) ![](https://img.kancloud.cn/66/4d/664ddb3064f5ff52ee3a63dc5fdcec06_1251x703.png) ![](https://img.kancloud.cn/67/3c/673cb39bdb415ea8e138aae0d2fffb29_1524x905.png) 點擊保存設置后復制**支付寶公鑰到商城的支付寶公鑰中**,將小程序ID,小程序名稱等信息完善后保存 ![](https://img.kancloud.cn/ed/a4/eda46ef27f335c69110a4b98eb9502e0_946x662.png) ![](https://img.kancloud.cn/19/87/1987ac91a0af0492a5e1c1042d45a405_1273x918.png) 設置服務器域名白名單 ![](https://img.kancloud.cn/8e/03/8e03dc875c674336987a3ae7721a46e8_1673x764.png) 然后下載小程序代碼包,使用支付寶小程序開發者工具上傳代碼,提交審核 ![](https://img.kancloud.cn/fb/8a/fb8a9780d02a5099bf5bc30653202cfd_1204x775.png) 注意后臺openid配置需要跟支付寶開放平臺一致 ![](https://img.kancloud.cn/bc/24/bc24b4201aa0d54bb48fff2829b399dd_1117x501.png) > 注：支付寶支付需要開通jsapi功能 JSAPI支付功能需要在對應支付寶小程序里找到產品綁定-綁定產品選擇JSAPI支付，如果顯示未綁定需要登錄商家平臺-產品中心-產品詳情頁點擊[立即開通](https://b.alipay.com/page/product-workspace/product-detail/I1080300001000060370) ![](https://img.kancloud.cn/bf/d9/bfd9ff45d4d120ebfa3e4c44e38c089f_306x660.png) ![](https://img.kancloud.cn/49/4c/494c549e338c1f9be43378a267e65ffc_1397x640.png) ![](https://img.kancloud.cn/aa/f5/aaf50380b05790e686afec92dd7309ae_1413x895.png) ![](https://img.kancloud.cn/c0/63/c0630424be157aa25bac5214de474788_1392x948.png) 開發者工具導入流程 1、下載并安裝支付寶小程序開發者工具[https://opendocs.alipay.com/mini/ide/download](https://opendocs.alipay.com/mini/ide/download) 2、選擇打開項目，將下載并解壓后的小程序代碼包導入到開發者工具 ![](https://img.kancloud.cn/9d/4b/9d4b51bfce02ccc1edc01b272cd431dc_1000x700.png) 點擊完成 ![](https://img.kancloud.cn/42/d7/42d70e7424d7ba41936a6bfd61f0f25b_1000x700.png) 等待開發者工具加載完成后點擊上傳 ![](https://img.kancloud.cn/67/1c/671c4045605543d6742d0555c71715a1_1531x833.png) 上傳完成后在支付寶開放平臺對應的小程序版本管理中進行預覽提交審核等操作 ![](https://img.kancloud.cn/60/b7/60b77e4420b340df4c9e287c443306e2_1519x857.png) 小程序需要運行到手機上再使用授權登錄，開發者工具里授權登錄不了