天天看點

站長新手入門:從0開始搭建微信小程式商城,不會代碼也能開商城(附帶源碼)

2020年全球疫情肆虐下,經濟環境持續低迷,雖然國内已逐漸複蘇,但線下消費仍然沒法短期回到常态,是以今年開始直播電商、線上零售更加火爆。那麼如果一個沒有程式設計基礎,或者說稍微懂一點技術的老闆,要做小程式可以嗎?那麼今天跟着小A一起,從零開始搭建一個屬于自己的小程式商城。(以下教程對完全的小白可能會有一定難度,如果閱讀有問題可以反複研究)

小程式申請及認證

1、微信小程式申請;

進入微信公衆平台,點選右上角的“立即注冊”,賬号類型選擇“小程式”。按照官方引導,逐漸完成小程式注冊。由于小程式商城開發必須用到微信支付功能,是以在填寫到“主體資訊登記”時,注冊方式選擇“微信認證”通過微信認證驗證主體身份,需支付300元認證費。這樣将小程式申請和小程式認證同時操作,節省稽核時間。

如之前有同一主體已認證的服務号,可以登入認證服務号,開通小程式,按照步驟填寫資訊送出即可。通過認證服務号開通的小程式無需再次進行小程式認證。

2、小程式資訊完善;

完成注冊後,微信小程式資訊完善步驟和開發可同步進行。選擇對公打款的使用者,完成彙款驗證後,可以補充小程式名稱資訊,上傳小程式頭像,填寫小程式介紹并選擇服務範圍。

3、小程式申請支付

已認證的小程式可登入小程式,申請微信支付。

開發前準備

1、綁定開發者;

登入微信公衆平台小程式,進入使用者身份-開發者,新增綁定開發者。已認證的小程式最多可綁定20個開發者,40個體驗者。

2、擷取AppID

進入“設定-開發設定”,擷取AppID資訊。

上傳釋出

1、登入開發者工具;

前往微信官方開發者工具下載下傳頁面,根據自己的作業系統下載下傳對應的安裝包進行安裝,有關開發者工具更詳細的介紹可以檢視《開發者工具介紹》。打開小程式開發者工具,用微信掃碼登入開發者工具!

2、管理者掃碼 -> 填寫好小程式的項目目錄、AppID(必須是客戶已注冊好的AppID)、項目名稱。

3、配置合法域名(工具 -> 項目詳情 -> 域名資訊)

4、如果域名還沒有配置,請前往微信公衆平台 ,登入時填寫客戶的郵箱和密碼(如果小程式内嵌了h5頁面,還需要配置業務域名)

5、配置伺服器資訊,填寫所需的伺服器域名。

6、去到該小程式的背景管理系統,修改資料,手機預覽小程式,檢查背景資料跟小程式資料是否有誤。

7、若無誤,可上傳代碼,上傳成功後,去到微信公衆平台 -> 登入(客戶的賬号密碼) -> 開發管理 ->送出稽核。

伺服器、域名

推薦使用Linux系統,不需要擔心不會操作,直接用寶塔的控制台,都是可視化的操作(下文也會提到寶塔的安裝使用問題)

入門級配置

CPU:1核記憶體:1G執行個體規格:突發性能t5執行個體帶寬:1M系統:CentOS 7.4 64位(推薦)價格:366元/年 933.3 元/三年

檢視伺服器詳情

标準級配置

CPU:2核記憶體:4G執行個體規格:突發性能t5執行個體帶寬:2M系統:CentOS 7.4 64位(推薦)價格:936元/年 2386.8 元/三年

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

寶塔面闆安裝使用

1、連接配接伺服器

MacBook系統連接配接伺服器,直接SSH root@IP,windows的話可以用寶塔遠端工具可以。

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

2,安裝寶塔面闆

執行以下代碼進行安裝寶塔6.9免費版。寶塔6.9版本已經很穩定了,推薦大家直接安裝6.9版本(注意:寶塔linux6.0版本是基于centos7開發的,務必使用centos7.x 系統)

yum install-y wget&&wget-Oinstall.sh

http://download.bt.cn/install/install_6.0.sh

&& bash install.sh

Copy

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

http://download.bt.cn/install/install.sh

&& sh install.sh

回車進行安裝。

輸入y,并回車。接下來便是等待寶塔面闆進行安裝。

我們得到登入寶塔面闆的URL,賬号和密碼。

面闆位址:

http://

{您的伺服器IP}:8888

初始化:第一次使用會要求初始化配置,請按照提示填入配置資訊

安裝完成寶塔面闆後,我們就可以在浏覽器中通路了。複制Bt-panel中的URL到浏覽器上通路。注意要打開伺服器上的8888端口

輸入預設的賬号和密碼進行登入。

3,設定寶塔面闆

登陸後進入寶塔面闆我們可以看到如下圖所示,你可以選擇LNMP或者LAMP進行安裝。看大家網站需要什麼環境進行選擇。如果是生産環境推薦大家使用編譯安裝,如果隻是測試環境選擇極速安裝。兩者的差別是編譯安裝慢但穩定,極速安裝雖然慢但是沒編譯安裝穩定。

推薦大家首次進入寶塔面闆前不要進行環境的安裝,因為在安裝環境不能更改寶塔面闆的設定。推薦大家先更改寶塔面闆的預設設定,編譯安裝環境将近一個小時。在這段時間裡我們先将寶塔面闆設定好提高面闆的安全性。

3.1,首先我們進入面闆設定

3.2,更改面闆端口

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

3.3,綁定域名

你可以綁定一個域名綁定完域名後隻能通過你綁定的域名來通路面闆。

3.4,綁定ip

如果你有固定的ip,你可綁定ip通路,綁定了ip通路你隻能通過綁定得這個ip進行通路。如果你是家用電腦就不要綁定ip了,因為家用電腦的ip是動态的。這就會造成ip發生改變面闆通路不了。

3.5,更改預設的面闆使用者和密碼

更改寶塔安裝完成時的預設使用者名和密碼,設定一個自己能記住的使用者名和密碼,密碼不要太簡單了。

3.5,綁定寶塔賬号

如果你有寶塔賬号你可以綁定下,沒有的話可以去寶塔官網申請。寶塔賬号在購買付費插件,開通專業版時要用到。點選前往注冊寶塔賬号,領取¥3188的寶塔面闆禮包。

3.6,綁定微信小程式

由于微信小程式是付費插件,你隻有購買了或者開通專業版才能使用。微信小程式能夠監控伺服器,友善使用者随時檢視伺服器狀态。

4,寶塔面闆安全設定

在這裡你可以開啟和禁用一些端口。推薦大家更改ssh端口,和禁用ping。更改FTP端口。更改phpadmin預設端口。不常用的端口可以把它關閉,等要使用了在開啟。

5,安裝面闆環境

在軟體管理選擇你所需要的網站環境進行安裝。

在這裡選擇LNMP進行安裝,即Linux+Nginx+Mysql+Php。

6,建立網站

等網站環境安裝完成後便可以建立網站,有兩種方法可以建立網站。第一種直接在選擇網站,選擇添加站點,進行建立網站。

第二種在軟體管理中的寶塔插件中安裝寶塔一鍵部署源碼插件進行建立網站。

對于小程式建站,那麼直接用第一種建站方式,然後把代碼上傳就可以。

代碼上傳

準備工作差不多了,那麼最後就是安裝部署了,以下用來客推電商源碼為例:

環境配置正常,最好是PHP5.6+Mysql5.5

win下面可以使用phpstudy內建環境部署安裝

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

需要準備的東西

小程式appid:

AppSecret(小程式密鑰) :

支付商戶号:(微信支付未開通可以不要)

支付key:(微信支付未開通可以不要)

支付證書(微信支付未開通可以不要)

到官網下載下傳開源版安裝包

https://www.src1024.com/mini/wx/95.html

準備安裝:

(一)把背景檔案丢到環境根目錄下,我的是直接放在根目錄下的一個檔案夾裡,直接通路這個檔案夾即可

(二)通路本地檔案,安裝一直下一步,配置環境要支援,不支援的自己百度一下,不然會安裝失敗,下面也給了幾種環境不支援的修改方案

(三)自定義配置檔案,報資料庫連接配接失敗的檢查一下自己連接配接的資料庫,及自己填寫的資訊是否正确(我連接配接的是本地的,我資料庫沒有密碼)

(四)安裝成功的标志

(五)安裝成功後登入背景添加幾條産品包括産品分類,品牌,商品規格等

(六)在背景系統管理->系統設定裡填寫相對應的内容

小程式api域名和系統域名修改需正确,後面會影響小程式的接口調用及圖檔路徑的顯示

小程式域名:

你的域名/背景目錄名稱/LKT/index.php?module=api

IP位址:你伺服器的IP,如果是本地請填寫127.0.0.1

系統域名:

你的域名/背景目錄名稱

注意:如果你的系統背景目錄直接是定向域名,則上面的

你的域名/背景目錄名稱 直接換成

你的域名/即可,不需要加上目錄名稱

小程式id和小程式密鑰填對,後面也會影響小程式的正常運作

(七)在系統管理->支付設定裡填寫相對應的内容。

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

(八)配置小程式,把小程式 的檔案準備到目錄下,微信開發者工具建立項目。AppID要換成自己的,不然會變成别的項目

(九)進入小程式第一件事就是修改接口路徑,即utils/util.js的getUri方法裡面路徑!

例如現在通路背景的路徑是:

http://localhost/open/app/LKT/index.php

,那麼在utils/util.js 的getUri代碼裡面的路徑應該改成:

http://localhost/open/app/LKT/index.php?module=api&software_name=3&edition=1.0 http://www.laiketui.com/LKT/index.php http://www.laiketui.com/LKT/index.php?module=api&software_name=3&edition=1.0

function getUri(){

return '

'

}

(十)小程式及背景都安裝完成了,剛進小程式頁面就是這樣啦!

總結:安裝部署其實很簡單,後面要做的就是營運,如果搭建這個小程式還是有問題的,可以直接找15205564163,免費幫忙部署。