[教程] 微信小程序配置說明 [復制鏈接]

微信小程序配置說明

配置微信小程序前要先配置ssl證書，讓網站支持https訪問

配置教程：http://m.10086pub.com/bbs/showtopic-3569.html

1、申請小程序和認證

https://mp.weixin.qq.com打開微信小程序注冊頁面，按照提示注冊和認證小程序

2、下載框分類小程序代碼

打開框分類官網m.10086pub.com，點擊系統下載。

image001.png(34.33 K)

2018/5/4 23:34:00

下載微信小程序文件，下載后解壓到本地，我們這里選擇D:\微信小程序

3、下載安裝微信開發者工具，發布小程序

下載地址：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=2018413

安裝好后打開

image002.png(17.26 K)

2018/5/4 23:34:00

選擇小程序項目

image004.jpg(11.70 K)

2018/5/4 23:34:00

點擊加號，建立小程序

image005.png(16.54 K)

2018/5/4 23:34:00

項目目錄選擇剛才解壓的框分類小程序目錄，這里選擇D:\微信小程序

AppID填寫小程序的AppID

項目名稱填小程序的名稱

確定

image007.jpg(24.10 K)

2018/5/4 23:34:00

點擊app.js文件，將網站域名修改成你自己的域名

必需是https://開頭

image009.jpg(13.58 K)

2018/5/4 23:34:00

點編譯

點上傳

image010.png(14.83 K)

2018/5/4 23:34:00

版本號和項目備注隨便填。

打開微信平臺https://mp.weixin.qq.com，登錄小程序賬號

image011.png(9.94 K)

2018/5/4 23:34:00

設置

image013.jpg(3.41 K)

2018/5/4 23:34:00

開發設置

image015.jpg(9.87 K)

2018/5/4 23:34:00

Request合法域名和業務域名填 https://您的域名

image011.png(20.69 K)

2018/5/4 23:34:00

開發管理

image013.jpg(8.02 K)

2018/5/4 23:34:00

提交審核

image015.jpg(17.35 K)

2018/5/4 23:34:00

功能頁面：pages/index/index

標題填您小程序的名子

所在服務類目：工具– 信息查詢

標簽可以填10個關鍵詞，用于搜索您的小程序

點提交審核

一般第二天會審核通過，通過后，在開發管理中的審核版本中點發布，小程序就上線了

image014.png(5.46 K)

2018/5/4 23:34:00

在設置中，可以保存小程序碼

image016.jpg(10.11 K)

2018/5/4 23:34:00

4、配置小程序中的微信支付和訪問權限

登錄微信平臺

設置– 開發設置

image017.png(4.85 K)

2018/5/4 23:34:00

APPID和APPSecret 填寫到網站后臺 支付設置 – 接口配置中的微信小程序APPID和 微信小程序APPSecret

image019.jpg(10.17 K)

2018/5/4 23:34:00

image021.jpg(18.89 K)

2018/5/4 23:34:00

服務器域名 request合法域名填 https://您的域名

image023.jpg(6.25 K)

2018/5/4 23:34:00

image025.jpg(10.26 K)

2018/5/4 23:34:00

網站后臺支付管理 接口配置

點生成支付密鑰，復制生成好的密鑰，確定修改

打開登錄微信支付商戶平臺

https://pay.weixin.qq.com

登錄

image026.png(3.97 K)

2018/5/4 23:34:00

賬戶中心

image027.png(6.29 K)

2018/5/4 23:34:00

API安全

image029.jpg(13.66 K)

2018/5/4 23:34:00

設置密鑰

填寫剛才生成的密鑰

image031.jpg(9.29 K)

2018/5/4 23:34:00

商戶信息找到微信支付商戶號復制填寫到 網站后臺  接口配置  微信商戶號

image033.jpg(11.95 K)

2018/5/4 23:34:00

注：之前配置過公眾號微信支付的不需要重復操作

image035.jpg(13.85 K)

2018/5/4 23:34:00

產品中心

開發配置

支付配置公眾號支付授權目錄

添加兩個

https://域名/pay/

http://域名/pay/

配置好后，小程序中就支持微信支付了