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

微信小程序配置說明

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

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

1、申請(qǐng)小程序和認(rèn)證

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

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

打開框分類官網(wǎng)www.10086pub.com，點(diǎn)擊系統(tǒng)下載。

image001.png(34.33 K)

2018/5/4 23:34:00

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

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

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

安裝好后打開

image002.png(17.26 K)

2018/5/4 23:34:00

選擇小程序項(xiàng)目

image004.jpg(11.70 K)

2018/5/4 23:34:00

點(diǎn)擊加號(hào)，建立小程序

image005.png(16.54 K)

2018/5/4 23:34:00

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

AppID填寫小程序的AppID

項(xiàng)目名稱填小程序的名稱

確定

image007.jpg(24.10 K)

2018/5/4 23:34:00

點(diǎn)擊app.js文件，將網(wǎng)站域名修改成你自己的域名

必需是https://開頭

image009.jpg(13.58 K)

2018/5/4 23:34:00

點(diǎn)編譯

點(diǎn)上傳

image010.png(14.83 K)

2018/5/4 23:34:00

版本號(hào)和項(xiàng)目備注隨便填。

打開微信平臺(tái)https://mp.weixin.qq.com，登錄小程序賬號(hào)

image011.png(9.94 K)

2018/5/4 23:34:00

設(shè)置

image013.jpg(3.41 K)

2018/5/4 23:34:00

開發(fā)設(shè)置

image015.jpg(9.87 K)

2018/5/4 23:34:00

Request合法域名和業(yè)務(wù)域名填 https://您的域名

image011.png(20.69 K)

2018/5/4 23:34:00

開發(fā)管理

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

標(biāo)題填您小程序的名子

所在服務(wù)類目：工具– 信息查詢

標(biāo)簽可以填10個(gè)關(guān)鍵詞，用于搜索您的小程序

點(diǎn)提交審核

一般第二天會(huì)審核通過，通過后，在開發(fā)管理中的審核版本中點(diǎn)發(fā)布，小程序就上線了

image014.png(5.46 K)

2018/5/4 23:34:00

在設(shè)置中，可以保存小程序碼

image016.jpg(10.11 K)

2018/5/4 23:34:00

4、配置小程序中的微信支付和訪問權(quán)限

登錄微信平臺(tái)

設(shè)置– 開發(fā)設(shè)置

image017.png(4.85 K)

2018/5/4 23:34:00

APPID和APPSecret 填寫到網(wǎng)站后臺(tái) 支付設(shè)置 – 接口配置中的微信小程序APPID和 微信小程序APPSecret

image019.jpg(10.17 K)

2018/5/4 23:34:00

image021.jpg(18.89 K)

2018/5/4 23:34:00

服務(wù)器域名 request合法域名填 https://您的域名

image023.jpg(6.25 K)

2018/5/4 23:34:00

image025.jpg(10.26 K)

2018/5/4 23:34:00

網(wǎng)站后臺(tái)支付管理 接口配置

點(diǎn)生成支付密鑰，復(fù)制生成好的密鑰，確定修改

打開登錄微信支付商戶平臺(tái)

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

設(shè)置密鑰

填寫剛才生成的密鑰

image031.jpg(9.29 K)

2018/5/4 23:34:00

商戶信息找到微信支付商戶號(hào)復(fù)制填寫到 網(wǎng)站后臺(tái)  接口配置  微信商戶號(hào)

image033.jpg(11.95 K)

2018/5/4 23:34:00

注：之前配置過公眾號(hào)微信支付的不需要重復(fù)操作

image035.jpg(13.85 K)

2018/5/4 23:34:00

產(chǎn)品中心

開發(fā)配置

支付配置公眾號(hào)支付授權(quán)目錄

添加兩個(gè)

https://域名/pay/

http://域名/pay/

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