站長新手入門：從0開始搭建微信小程序商城，不會代碼也能開商城（附帶源碼

時間：2023-05-14 06:42:01 | 來源：網(wǎng)站運(yùn)營

時間：2023-05-14 06:42:01 來源：網(wǎng)站運(yùn)營

站長新手入門：從0開始搭建微信小程序商城，不會代碼也能開商城（附帶源碼）：2020年全球疫情肆虐下，經(jīng)濟(jì)環(huán)境持續(xù)低迷，雖然國內(nèi)已逐漸復(fù)蘇，但線下消費(fèi)仍然沒法短期回到常態(tài)，所以今年開始直播電商、線上零售更加火爆。那么如果一個沒有編程基礎(chǔ)，或者說稍微懂一點(diǎn)技術(shù)的老板，要做小程序可以嗎？那么今天跟著小A一起，從零開始搭建一個屬于自己的小程序商城。（以下教程對完全的小白可能會有一定難度，如果閱讀有問題可以反復(fù)研究）




小程序申請及認(rèn)證

1、微信小程序申請；

進(jìn)入微信公眾平臺，點(diǎn)擊右上角的“立即注冊”，賬號類型選擇“小程序”。按照官方引導(dǎo)，逐步完成小程序注冊。由于小程序商城開發(fā)必須用到微信支付功能，所以在填寫到“主體信息登記”時，注冊方式選擇“微信認(rèn)證”通過微信認(rèn)證驗(yàn)證主體身份，需支付300元認(rèn)證費(fèi)。這樣將小程序申請和小程序認(rèn)證同時操作，節(jié)省審核時間。

如之前有同一主體已認(rèn)證的服務(wù)號，可以登錄認(rèn)證服務(wù)號，開通小程序，按照步驟填寫信息提交即可。通過認(rèn)證服務(wù)號開通的小程序無需再次進(jìn)行小程序認(rèn)證。

2、小程序信息完善；

完成注冊后，微信小程序信息完善步驟和開發(fā)可同步進(jìn)行。選擇對公打款的用戶，完成匯款驗(yàn)證后，可以補(bǔ)充小程序名稱信息，上傳小程序頭像，填寫小程序介紹并選擇服務(wù)范圍。

3、小程序申請支付

已認(rèn)證的小程序可登錄小程序，申請微信支付。

開發(fā)前準(zhǔn)備

1、綁定開發(fā)者；

登錄微信公眾平臺小程序，進(jìn)入用戶身份-開發(fā)者，新增綁定開發(fā)者。已認(rèn)證的小程序最多可綁定20個開發(fā)者，40個體驗(yàn)者。

2、獲取AppID

進(jìn)入“設(shè)置-開發(fā)設(shè)置”，獲取AppID信息。

上傳發(fā)布

1、登錄開發(fā)者工具；

前往微信官方開發(fā)者工具下載頁面，根據(jù)自己的操作系統(tǒng)下載對應(yīng)的安裝包進(jìn)行安裝，有關(guān)開發(fā)者工具更詳細(xì)的介紹可以查看《開發(fā)者工具介紹》。打開小程序開發(fā)者工具，用微信掃碼登錄開發(fā)者工具！

2、管理員掃碼 -> 填寫好小程序的項(xiàng)目目錄、AppID（必須是客戶已注冊好的AppID）、項(xiàng)目名稱。

3、配置合法域名（工具 -> 項(xiàng)目詳情 -> 域名信息）

4、如果域名還沒有配置，請前往微信公眾平臺 ，登錄時填寫客戶的郵箱和密碼（如果小程序內(nèi)嵌了h5頁面，還需要配置業(yè)務(wù)域名）

5、配置服務(wù)器信息，填寫所需的服務(wù)器域名。

6、去到該小程序的后臺管理系統(tǒng)，修改數(shù)據(jù)，手機(jī)預(yù)覽小程序，檢查后臺數(shù)據(jù)跟小程序數(shù)據(jù)是否有誤。

7、若無誤，可上傳代碼，上傳成功后，去到微信公眾平臺 -> 登錄（客戶的賬號密碼） -> 開發(fā)管理 ->提交審核。

服務(wù)器、域名

推薦使用Linux系統(tǒng)，不需要擔(dān)心不會操作，直接用寶塔的控制面板，都是可視化的操作（下文也會提到寶塔的安裝使用問題）

入門級配置

CPU：1核內(nèi)存：1G實(shí)例規(guī)格：突發(fā)性能t5實(shí)例帶寬：1M系統(tǒng)：CentOS 7.4 64位(推薦)價(jià)格：366元/年 933.3 元/三年

查看服務(wù)器詳情

標(biāo)準(zhǔn)級配置

CPU：2核內(nèi)存：4G實(shí)例規(guī)格：突發(fā)性能t5實(shí)例帶寬：2M系統(tǒng)：CentOS 7.4 64位(推薦)價(jià)格：936元/年 2386.8 元/三年

查看服務(wù)器詳情

域名的話，看各位喜好，如果沒有PC商城需要，就按照最便宜的賣就好，也看不到域名路徑，如果是有PC的話，還是推薦主流域名，如.com、.cn、.net…主要原因是對收錄有幫助，選了一個小眾的域名，可能短期內(nèi)收錄收到影響。

寶塔面板安裝使用

1、連接服務(wù)器

MacBook系統(tǒng)連接服務(wù)器，直接SSH root@IP,windows的話可以用寶塔遠(yuǎn)程工具可以。

輸入賬號和密碼，注意密碼在輸入時是不顯示的，大家不要以為密碼沒輸入。







2，安裝寶塔面板

執(zhí)行以下代碼進(jìn)行安裝寶塔6.9免費(fèi)版。寶塔6.9版本已經(jīng)很穩(wěn)定了，推薦大家直接安裝6.9版本（注意：寶塔linux6.0版本是基于centos7開發(fā)的，務(wù)必使用centos7.x 系統(tǒng)）

yum install-y wget&&wget-Oinstall.sh http://download.bt.cn/install/install_6.0.sh && bash install.sh

Copy

如果大家系統(tǒng)是centos7以下的大家還是乖乖使用寶塔5.9的安裝腳本（Centos官方已宣布在2020年停止對Centos6的維護(hù)更新，推薦大家裝系統(tǒng)直接安裝centos7）

yum install-y wget&&wget-Oinstall.sh http://download.bt.cn/install/install.sh && sh install.sh

Copy

回車進(jìn)行安裝。







輸入y，并回車。接下來便是等待寶塔面板進(jìn)行安裝。







我們得到登錄寶塔面板的URL,賬號和密碼。

面板地址：http://{您的服務(wù)器IP}:8888

初始化：第一次使用會要求初始化配置，請按照提示填入配置信息

安裝完成寶塔面板后，我們就可以在瀏覽器中訪問了。復(fù)制Bt-panel中的URL到瀏覽器上訪問。注意要打開服務(wù)器上的8888端口



















輸入默認(rèn)的賬號和密碼進(jìn)行登錄。

3，設(shè)置寶塔面板

登陸后進(jìn)入寶塔面板我們可以看到如下圖所示，你可以選擇LNMP或者LAMP進(jìn)行安裝。看大家網(wǎng)站需要什么環(huán)境進(jìn)行選擇。如果是生產(chǎn)環(huán)境推薦大家使用編譯安裝，如果只是測試環(huán)境選擇極速安裝。兩者的區(qū)別是編譯安裝慢但穩(wěn)定，極速安裝雖然慢但是沒編譯安裝穩(wěn)定。







推薦大家首次進(jìn)入寶塔面板前不要進(jìn)行環(huán)境的安裝，因?yàn)樵诎惭b環(huán)境不能更改寶塔面板的設(shè)置。推薦大家先更改寶塔面板的默認(rèn)設(shè)置，編譯安裝環(huán)境將近一個小時。在這段時間里我們先將寶塔面板設(shè)置好提高面板的安全性。

3.1，首先我們進(jìn)入面板設(shè)置










3.2，更改面板端口

將端口更改為不常用的端口。

3.3，綁定域名

你可以綁定一個域名綁定完域名后只能通過你綁定的域名來訪問面板。

3.4，綁定ip

如果你有固定的ip，你可綁定ip訪問，綁定了ip訪問你只能通過綁定得這個ip進(jìn)行訪問。如果你是家用電腦就不要綁定ip了，因?yàn)榧矣秒娔X的ip是動態(tài)的。這就會造成ip發(fā)生改變面板訪問不了。

3.5，更改默認(rèn)的面板用戶和密碼

更改寶塔安裝完成時的默認(rèn)用戶名和密碼，設(shè)置一個自己能記住的用戶名和密碼，密碼不要太簡單了。

3.5，綁定寶塔賬號

如果你有寶塔賬號你可以綁定下，沒有的話可以去寶塔官網(wǎng)申請。寶塔賬號在購買付費(fèi)插件，開通專業(yè)版時要用到。點(diǎn)擊前往注冊寶塔賬號，領(lǐng)?。?188的寶塔面板禮包。

3.6，綁定微信小程序

由于微信小程序是付費(fèi)插件，你只有購買了或者開通專業(yè)版才能使用。微信小程序能夠監(jiān)控服務(wù)器，方便用戶隨時查看服務(wù)器狀態(tài)。







4，寶塔面板安全設(shè)置

在這里你可以開啟和禁用一些端口。推薦大家更改ssh端口，和禁用ping。更改FTP端口。更改phpadmin默認(rèn)端口。不常用的端口可以把它關(guān)閉，等要使用了在開啟。










5，安裝面板環(huán)境

在軟件管理選擇你所需要的網(wǎng)站環(huán)境進(jìn)行安裝。







在這里選擇LNMP進(jìn)行安裝，即Linux+Nginx+Mysql+Php。

6，創(chuàng)建網(wǎng)站

等網(wǎng)站環(huán)境安裝完成后便可以創(chuàng)建網(wǎng)站，有兩種方法可以創(chuàng)建網(wǎng)站。第一種直接在選擇網(wǎng)站，選擇添加站點(diǎn)，進(jìn)行創(chuàng)建網(wǎng)站。







第二種在軟件管理中的寶塔插件中安裝寶塔一鍵部署源碼插件進(jìn)行創(chuàng)建網(wǎng)站。







對于小程序建站，那么直接用第一種建站方式，然后把代碼上傳就可以。

代碼上傳

準(zhǔn)備工作差不多了，那么最后就是安裝部署了，以下用來客推電商源碼為例：

環(huán)境配置正常，最好是PHP5.6+Mysql5.5


win下面可以使用phpstudy集成環(huán)境部署安裝

Linux下面可以使用寶塔部署安裝

需要準(zhǔn)備的東西

小程序appid:

AppSecret(小程序密鑰) :







支付商戶號:（微信支付未開通可以不要）

支付key:（微信支付未開通可以不要）

支付證書（微信支付未開通可以不要）







到官網(wǎng)下載開源版安裝包 https://www.src1024.com/mini/wx/95.html
















準(zhǔn)備安裝：

（一）把后臺文件丟到環(huán)境根目錄下,我的是直接放在根目錄下的一個文件夾里，直接訪問這個文件夾即可







（二）訪問本地文件，安裝一直下一步,配置環(huán)境要支持，不支持的自己百度一下，不然會安裝失敗，下面也給了幾種環(huán)境不支持的修改方案













（三）自定義配置文件，報(bào)數(shù)據(jù)庫連接失敗的檢查一下自己連接的數(shù)據(jù)庫，及自己填寫的信息是否正確（我連接的是本地的，我數(shù)據(jù)庫沒有密碼）







(四）安裝成功的標(biāo)志













（五）安裝成功后登錄后臺添加幾條產(chǎn)品包括產(chǎn)品分類，品牌，商品規(guī)格等

（六）在后臺系統(tǒng)管理->系統(tǒng)設(shè)置里填寫相對應(yīng)的內(nèi)容

小程序api域名和系統(tǒng)域名修改需正確，后面會影響小程序的接口調(diào)用及圖片路徑的顯示

小程序域名：http://你的域名/后臺目錄名稱/LKT/index.php?module=api

IP地址：你服務(wù)器的IP，如果是本地請?zhí)顚?27.0.0.1

系統(tǒng)域名：http://你的域名/后臺目錄名稱

注意：如果你的系統(tǒng)后臺目錄直接是定向域名，則上面的http://你的域名/后臺目錄名稱 直接換成 http://你的域名/即可，不需要加上目錄名稱

小程序id和小程序密鑰填對，后面也會影響小程序的正常運(yùn)行







（七）在系統(tǒng)管理->支付設(shè)置里填寫相對應(yīng)的內(nèi)容。

不需要微信支付的可以跳過







（八）配置小程序，把小程序 的文件準(zhǔn)備到目錄下，微信開發(fā)者工具新建項(xiàng)目。AppID要換成自己的，不然會變成別的項(xiàng)目













（九）進(jìn)入小程序第一件事就是修改接口路徑，即utils/util.js的getUri方法里面路徑！

例如現(xiàn)在訪問后臺的路徑是：http://localhost/open/app/LKT/index.php，那么在utils/util.js 的getUri代碼里面的路徑應(yīng)該改成：http://localhost/open/app/LKT/index.php?module=api&software_name=3&edition=1.0

例如現(xiàn)在訪問后臺的路徑是：http://www.laiketui.com/LKT/index.php，那么在utils/util.js 的getUri代碼里面的路徑應(yīng)該改成：http://www.laiketui.com/LKT/index.php?module=api&software_name=3&edition=1.0

function getUri(){

return 'http://localhost/open/app/LKT/index.php?module=api&software_name=3&edition=1.0'

}







（十）小程序及后臺都安裝完成了，剛進(jìn)小程序頁面就是這樣啦！










總結(jié)：安裝部署其實(shí)很簡單，后面要做的就是運(yùn)營，如果搭建這個小程序還是有問題的，可以直接找15205564163，免費(fèi)幫忙部署。