商城系統(tǒng) 注冊(cè)

微信小程序開發(fā)文檔之本地調(diào)試配置如何搭建

2020-09-27|HiShop
導(dǎo)讀:在開發(fā)一個(gè)微信小程序的過程中,一般情況是需要經(jīng)過騰訊服務(wù)器,過程會(huì)比較繁瑣,如果不需要調(diào)用服務(wù)器,我們?cè)谖⑿判〕绦蜷_發(fā)過程中就需要進(jìn)行本地調(diào)試配置,那么如何進(jìn)行配置搭建呢...
 

在開發(fā)一個(gè)微信小程序的過程中,一般情況是需要經(jīng)過騰訊服務(wù)器,過程會(huì)比較繁瑣,如果不需要調(diào)用服務(wù)器,我們?cè)谖⑿判〕绦蜷_發(fā)過程中就需要進(jìn)行本地調(diào)試配置,那么如何進(jìn)行配置搭建呢,下面就為大家來介紹。

微信小程序開發(fā)文檔之本地調(diào)試配置如何搭建

1、小程序不需要用戶登錄的情況:

對(duì)于那些不需要調(diào)用類似用戶登錄這些必須要appid的功能,我們可以直接在創(chuàng)建項(xiàng)目的時(shí)候,不填appid,這樣小程序就不受合法域名的限制,可以直接訪問我們局域網(wǎng)內(nèi)部的后臺(tái)。

微信小程序開發(fā)文檔之本地調(diào)試配置如何搭建

2、小程序需要用戶登錄,微信支付的情況:

 

而對(duì)于用戶登錄、微信支付等這些api,必須要appid,也必須通過騰訊的服務(wù)器,這時(shí)候我們就必須讓我們的后臺(tái)能被外網(wǎng)訪問到,而且在合法域名配置里面,只能是https。一般我們?cè)陂_發(fā)時(shí),肯定都已經(jīng)買好了外網(wǎng)服務(wù)器,配置什么的也不是本文重點(diǎn),本文假設(shè)你已經(jīng)有一臺(tái)ecs,備案、ssl證書什么的都搞定了。

以下是幾種方案:

1、使用一些內(nèi)網(wǎng)穿透工具

推薦一些穿透工具,ngrokittun(基于ngrok)、localtunel( nodejs ) 。優(yōu)點(diǎn)是比較方便,不需要太多配置,但缺點(diǎn)也很明細(xì),不穩(wěn)定。你也可以自己構(gòu)建ngrok。

微信小程序開發(fā)文檔之本地調(diào)試配置如何搭建

2、直接使用外網(wǎng)服務(wù)器

常規(guī)流程,后臺(tái)代碼部署到服務(wù)器,然后小程序調(diào)試。上面已經(jīng)提過,缺點(diǎn)很明顯。但如果說你們的需求很明確,后臺(tái)能很快寫完,而且不需要經(jīng)常修改,可以這么做。說點(diǎn)題外話,對(duì)于部署這部分,可能很多都是本地打包好,比如打包成jar,然后scp或者ftp上傳到服務(wù)器,然后再運(yùn)行。我覺得可以在服務(wù)器上配置git,直接把代碼托管到服務(wù)器也行,或者代碼在碼云等平臺(tái)的話,在服務(wù)器上用git pull下來也行,然后直接服務(wù)器運(yùn)行代碼,等后臺(tái)穩(wěn)定后再打包運(yùn)行,這么做比較好,因?yàn)槊看未虬紩?huì)花不少時(shí)間。

通過外網(wǎng)服務(wù)器轉(zhuǎn)發(fā)到本地服務(wù)器(推薦這種方法)

這種方法效果很不錯(cuò),穩(wěn)定,速度快。首先,開啟服務(wù)器的遠(yuǎn)程轉(zhuǎn)發(fā)功能,在/etc/ssh/sshd_config文件末尾加入一句:GatewayPortsyes,然后重啟sshsudo systemctlrestart sshd.

然后本地環(huán)境安裝xshell,這里借助它的隧道功能來轉(zhuǎn)發(fā)。具體的是在屬性>連接>ssh>隧道里面添加一條轉(zhuǎn)發(fā)規(guī)則,比如把服務(wù)器上面的80端口轉(zhuǎn)發(fā)到本地80端口。

重啟xshell,當(dāng)xshell連接上服務(wù)器時(shí),服務(wù)器上面到80端口的請(qǐng)求就可以轉(zhuǎn)發(fā)到本地80端口了。

接下來要解決的是,小程序只能訪問https,那我們只需要把ssl:443端口轉(zhuǎn)發(fā)到http:80端口就ok了,直接上nginx部分配置:

location/admin/ {

proxy_pass http://localhost/admin/;

}

location/image/ {

proxy_pass http://localhost/image/;

}

location/api/ {

proxy_pass http://localhost/api/;

}

這樣配置比較有針對(duì)性,比如admin是管理員后臺(tái)接口,給web端調(diào)用,image為圖片路徑,api給小程序調(diào)用。當(dāng)然也可以直接所有的都轉(zhuǎn)發(fā):

location / {

proxy_pass http://localhost;

}

或者說你有一個(gè)正常運(yùn)行的版本已經(jīng)在服務(wù)器上運(yùn)行,還需要再配置一個(gè)開發(fā)的時(shí)候用,可以這么來:

location/dev/ {

proxy_pass http://localhost/;

}

當(dāng)然道理都一樣,你甚至還可以只在一臺(tái)服務(wù)器上面配置ssl,然后給不同的后臺(tái)配置不同的轉(zhuǎn)發(fā)路徑,這樣其他后臺(tái)就不用上ssl了,前提是服務(wù)器負(fù)載沒問題。

        HiShop小程序工具提供多類型商城/門店小程序制作,可視化編輯 1秒生成5步上線。通過拖拽、拼接模塊布局小程序商城頁(yè)面,所看即所得,只需要美工就能做出精美商城。

以上就是微信小程序開發(fā)之本地調(diào)試配置如何搭建,如果有其他小程序開發(fā)文檔的問題,可以來網(wǎng)站查詢。


電話咨詢 預(yù)約演示 0元開店