1、先上圖

?

?

2、準(zhǔn)備工作

一、申請(qǐng)一個(gè)小程序

申請(qǐng)地址：微信公眾平臺(tái)，

申請(qǐng)小程序的操作很簡(jiǎn)單，大家百度一下跟著步驟申請(qǐng)就行，某寶上還有認(rèn)證小程序代申請(qǐng)代認(rèn)證，老鐵們可以自行選擇。

二、下載微信開(kāi)發(fā)者工具

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

三、下載解壓HBuilderX

下載地址：https://www.dcloud.io/hbuilderx.html

3、搭建開(kāi)始

請(qǐng)確保 HBuilderX 更新到最新版

一、小程序源碼地址:https://ext.dcloud.net.cn/plugin?id=6711

點(diǎn)擊購(gòu)買(mǎi)普通授權(quán)版本，只需要38.88

二、我這里云空間叫demo,如果沒(méi)有新建個(gè)阿里云空間即可（創(chuàng)建 uniCloud 服務(wù)空間:https://uniapp.dcloud.io/uniCloud/quickstart?id=創(chuàng)建和綁定服務(wù)空間），右鍵uniCloud目錄關(guān)聯(lián)到與管理后臺(tái)同一個(gè)服務(wù)空間，全部勾選，點(diǎn)擊直接部署服務(wù)空間，導(dǎo)入HBuilderX

打開(kāi)文件 uniCloud => cloudfunctions => common => wx-auth => index.js

配置 wxConfigMp 內(nèi)的 appid 和 secret（在微信小程序官方的后臺(tái)獲?。?/p>

三、項(xiàng)目安裝依賴

項(xiàng)目根目錄 npm install 安裝依賴

四、配置項(xiàng)目

1、打開(kāi)微信微信開(kāi)發(fā)者工具，在安全設(shè)置中打開(kāi)服務(wù)端口

2、打開(kāi)HBuilderX，點(diǎn)擊“運(yùn)行-運(yùn)行到小程序模擬器-運(yùn)行配置”中設(shè)置你安裝微信開(kāi)發(fā)者工具的路徑。

四、發(fā)布小程序

1、右鍵項(xiàng)目文件夾，點(diǎn)擊“發(fā)行-小程序-微信（僅適用于uniapp）”

2、填寫(xiě)小程序名稱和小程序appid即可喚起微信開(kāi)發(fā)者工具。

3、在小程序后臺(tái)，開(kāi)發(fā)管理中配置服務(wù)器request合法域名：https://api.next.bspapp.com; https://zy-api.wxthe.com

4、在微信開(kāi)發(fā)者工具點(diǎn)擊上傳，在小程序后臺(tái)提交審核，審核通過(guò)后即可正常運(yùn)營(yíng)