欧美在线日韩-欧美在线区-欧美在线看欧美视频免费网站-欧美在线精品一区二区在线观看-www..com黄-vr专区日韩精品中文字幕

行業動態
最詳細的微信商城小程序搭建教程!
2024-12-22

你好,我是陸俊坤。

從今天起,我將在頭條上持續分享100期有價值和有意義的賺錢技能,內容包括小程序開發、網站建設、流量主變現、全平臺引流、短視頻創業、AI工具使用以及一些賺錢風向。每一期內容都是俊坤原創,保證干貨滿滿,同時我會用大量的圖文和視頻,細化每一個步驟,讓你看完就能上手操作,逐漸幫助你掌握至少100個新的賺錢技能。

今天是01期,分享內容為微信商城小程序搭建的詳細攻略。相信我,只要你按照教程來操作,也能輕松制作出一個屬于自己的微信商城小程序。本期內容較多,為防迷路,建議收藏。

搭建須知

01版權信息

本套商城小程序源碼為官方開源版本,可免費商用,無版權風險,所以放心大膽沖。

02硬件設施

搭建小程序需要使用到微信開發者工具,你至少需要準備一臺電腦,無配置要求。

03基礎費用

你需要購買一臺服務器(約80元),注冊一個域名(約20元),線上支付功能需完成小程序認證(個體工商戶30元、企業300元)。

搭建步驟

01前期準備

服務器購買。服務器配置。域名注冊及備案。寶塔面板安裝。小程序注冊、備案及認證。微信商戶支付賬號注冊及使用。

02后端搭建

域名解析。新建站點。上傳后端源碼。設置運行目錄。申請SSL證書。后臺程序安裝。

03后臺配置

合法域名設置。小程序APPID及秘鑰配置。

04前端搭建

下載HBuilderX。導入前端源碼。修改域名網址。獲取應用標識。填寫小程序APPID。下載微信開發者工具。打包發行微信小程序。上傳源碼。

05審核發布

設置小程序類目。提交審核。發布小程序。

PS:步驟看起來雖多,但其實非常簡單。因為我怕你學不會,所以把一些步驟又進行了詳細拆解。別怕,跟上我的節奏,一起進入實操環節。

前期準備1:服務器購買

01進入騰訊云官網

服務器可以在阿里云或騰訊云選購,這里以騰訊云為例,直接用瀏覽器搜索“騰訊云”,點擊進入官網。

02注冊并賬號實名

在官網右上角點擊“免費注冊”,完成后進行實名認證。

03進入活動專場

騰訊云官網經常在做活動,新人能以非常優惠的價格買到配置不錯的服務器。在官網左上角點擊“最新活動”,進入活動專場。

04服務器選擇

這里我們選擇“輕量應用服務器”,相對云服務器來說性價比更高。配置2核2G3M2核2G4M就行,價格一般在100元以內,注意要選擇“時長”為“自購買1年內有效”的,然后點擊購買。

05配置選擇

“地域”隨便選擇一個,“鏡像”選擇“CentOS Stream 8”,然后點擊“立即購買”。

前期準備2:服務器配置

01進入服務器面板

在騰訊云官網首頁右上角進入“控制臺”,從“我的資源”中找到服務器,點擊進入。

02放行端口

需要放行2個端口,3306是數據庫端口,8888是寶塔面板端口。點擊“防火墻”,再點擊“添加規則”。只需要填寫兩個地方,“來源”填寫“0.0.0.0/0”,端口填寫“3306”和“8888”。

03重置服務器密碼

在服務器“概要”下方,找到“重置密碼”。密碼組成為大寫+小寫+數字+符號其中至少3項,修改的密碼一定要保存好,一定要保存好,一定要保存好,重要的事情說三遍。

前期準備3:域名注冊及備案

01創建域名信息模板

在控制臺下方搜索“域名注冊”,進入域名管理后臺。點擊“信息模板”,選擇“新建模板”,填寫相關信息后,提交審核。(審核時間5分鐘左右)

02注冊域名

域名格式為XXXX.YY。XXXX為自己自定義的數值,可以是字母、數字或者組合,YY為域名類型,常見的有com、cn、net等。在域名管理后臺“概覽”中,找到域名注冊框,填寫你想要注冊的域名,點擊查詢,查看域名是否被注冊。然后選擇一個未被注冊的域名,添加購物車后支付。這里推薦大家購買cn類型,低價可以選擇online類型。

03域名備案

域名注冊后是不能直接使用的,需要完成備案才能接入網絡。在網站首頁右上角找到“備案”,點擊“開始備案”,然后按照指引填寫個人相關信息,提交審核即可。為了方便過審,網站名稱建議填寫“個人筆記”,備注填寫“用于記錄個人日常生活、學習中的美好點滴等信息”,越簡單越好,不要出現“用戶、服務”等字段。管局將在20個工作日內進行審核,一般情況下7個工作日即可完成。大家在等待域名備案期間,也可以聯系我,領取一個已備案的域名進行練習,先完整跑完整個搭建流程。

前期準備4:寶塔面板安裝

01新手掃盲

服務器主要用于數據存儲及運行,相當于一臺云端的電腦。域名則是相當于一個網絡地址。寶塔面板相當于一個工作臺,我們今后搭建小程序或者網站,都可以通過這個工作臺來操作。

02進入寶塔面板官網

使用瀏覽器搜索“寶塔面板”進入官網,在首頁點擊“立即免費安裝”。選擇Linux面板,點擊“在線安裝”。

03進入安裝環節

填寫服務器IP和密碼(之前修改的密碼),點擊“立即安裝到服務器”,然后等待安裝,期間不要關閉網頁。(安裝時間約5分鐘)

PS:服務器IP獲取方式:進入騰訊云控制臺,找到服務器頁面復制即可。

04登錄寶塔面板

安裝完成后,會獲得寶塔面板的網址、賬號和密碼。聽好:新建一個文檔保存起來。然后把網址復制到瀏覽器打開,填寫賬號密碼登錄面板。

到此,先祝賀你,你現在已經擁有了一個屬于自己的工作臺,今后你可以在這個工作臺上大展拳腳,搭建和管理不同類型的小程序或者網站。

05知識拓展

很多人不知道網站是怎么搭建起來的,這里給大家簡單拓展一下:我們可以通過寶塔面板新建一個站點,然后把你注冊的域名添加進去,這樣就能夠創建一個沒有內容的網站了,是不是簡單又有趣?

前期準備5:小程序注冊、備案及認證

01小程序注冊

瀏覽器搜索“微信公眾平臺”,在首頁右上角點擊“立即注冊”,注冊類型選擇“小程序”,賬號主體選擇企業(含個體工商戶)。個人類型的小程序不能開通支付功能,所以如果你沒有營業執照,就選個人主體搭建出來玩玩,以后再用這個賬號搭建一些流量主的小程序賺點廣告費。注冊這塊比較簡單,按照指引填寫相關信息提交即可。

02小程序信息完善

注冊完成以后登錄,填寫小程序信息,包括名稱、頭像和介紹。類目先不用管,不同類型的小程序,類目也不同。

03小程序備案

填寫相關信息提交審核即可,可以參照域名備案,信息填寫越簡單越好。審核時間2-3天。

04小程序認證

企業認證費用300元,個體戶和個人主體30元。認證以后才能開通線上支付功能。填寫相關信息提交審核即可,期間會接到官方電話核對信息,注意接聽。認證時間1-2天。

前期準備6:微信商戶支付賬號

01賬號注冊

使用瀏覽器搜索“微信商戶支付平臺”,在首頁右上角點擊“接入微信支付”,選擇“注冊微信商戶支付號”。

02填寫注冊信息

填寫姓名、營業執照等信息后提交。

03開通支付產品

注冊完成后,進入“產品中心”,開通3個支付產品。

04設置APIv3秘鑰

從“賬戶中心”進入API安全頁面,點擊設置APIv3秘鑰。設置一個32位的秘鑰 (數字和大小寫字母),妥善保管并且不要泄露給他人,后期會用到。

05申請新證書

從“賬戶中心”進入API安全頁面,找到“管理證書”,點擊“申請新證書”,按照指引下載證書工具。

06下載證書文件

在證書工具中填寫商戶號和企業名稱,獲得請求串,將請求串復制粘貼到網頁中,獲得證書串,將證書串復制粘貼到證書工具中,提示證書申請成功,生成了一個zip壓縮文件,打開是3個證書文件。

PS1:這里有點繞,別怕,我給你解釋:但其實很簡單,就是一個網頁和工具相互驗證密碼并匹配的過程。

PS2:這三個證書和上面的32位秘鑰,就是我們對接微信支付的關鍵,在小程序后臺填寫上傳即可完成對接。

后端搭建1:域名解析

01二級域名介紹

前面我們講過域名格式為XXXX.YY,解析時我們只需要在域名前加上AA.。解析出來的二級域名格式就是AA.XXXX.YY。AA可以自定義,所以一個域名,能夠解析出無數個二級域名。我們后面搭建小程序或網站,都需要解析不同的二級域名。

02二級域名解析

在騰訊云官網首頁右上角進入“控制臺”,點擊“域名注冊”進入管理面板。找到“我的域名”,點擊“解析”。主機記錄就是自定義的數值,記錄值是你的服務器IP地址。

后端搭建2:新建站點

01寶塔環境

登錄寶塔面板,在左側導航找到“軟件商店”,搜索安裝數據庫5.6和PHP7.4版本。同時在PHP中安裝拓展fileinfo redis。

02寶塔添加站點

在騰訊云官網首頁右上角進入“控制臺”,點擊“域名注冊”進入管理面板。找到“我的域名”,點擊“解析”。主機記錄就是自定義的數值,記錄值是你的服務器IP地址。

02寶塔新建站點

打開寶塔面板,點擊“網站”,選擇“添加站點”,填寫解析的二級域名,數據庫版本選擇5.6,PHP版本選擇7.4。

后端搭建3:上傳后端源碼

01刪除默認文件

點擊網站根目錄,刪除后默認文件。

02上傳源碼

在根目錄下點擊“上傳”,選擇后端源碼文件,上傳后進行解壓。(需要源碼的朋友請在評論區扣“源碼”,然后找我領取即可)

后端搭建4:設置運行目錄

01進入站點管理

在左邊導航點擊“網站”,再點擊二級域名。

02網站目錄設置

點擊“網站目錄”,將“運行目錄”設置為“/public”,然后保存。

后端搭建5:申請SSL證書

01進入站點管理

在左邊導航點擊“網站”,再點擊二級域名。

02申請免費證書

點擊“SSL”,選擇“Let Encrypt”,勾選你的域名,點擊“申請”。申請成功后,勾選“強制HTTPS”,然后保存。免費申請的證書90天一簽,超時前來寶塔面板續簽即可。

后端搭建6:后臺程序安裝

01獲取數據庫名、用戶名和密碼

在寶塔面板左側點擊“數據庫”,可以復制數據庫名、用戶名和密碼。默認情況下,數據庫名和用戶名是一樣的。

02開始安裝后臺

在左邊導航點擊“網站”,再點擊二級域名,進入后臺安裝。

03填寫數據庫名、用戶名和密碼

在后臺安裝頁面填寫數據庫名、用戶名和密碼,然后點擊“開始安裝”。

04進入后臺管理

安裝成功后,即可跳轉到商城小程序控制后臺,在后臺可以進行店鋪裝修、商品上架等功能設置。后臺地址為https://www.你的域名.com/admin,默認賬號admin,密碼yinghuo,可在后臺自行修改。

后臺配置1:合法域名設置

01登錄微信公眾平臺

在瀏覽器搜索“登錄微信公眾平臺”,掃碼進入小程序設置界面。在左邊導航欄點擊“開發管理”。

02修改服務器域名

在開發管理中,找到服務器域名,填寫為你的二級域名。

后臺配置2:小程序Appid和密鑰

01獲取小程序Appid和密鑰

在“微信公眾平臺”左邊導航欄點擊“開發管理”,可以看到小程序的Appid,相當于小程序的身份證。點擊“生成”,可以生成小程序密鑰。

02設置小程序Appid和密鑰

在登錄商城小程序管理后臺,點擊“小程序設置”,將獲取的小程序Appid和密鑰復制粘貼在此。

前端搭建1:下載Hbuilderx

在瀏覽器搜索“Hbuilderx”,點擊下載安裝即可。安裝完成后打開Hbuilderx工具。

前端搭建2:導入前端源碼

在HBuilderX頂部菜單欄點擊“文件” ,點擊“導入” ,選擇“從本地目錄導入”,導入商城小程序前端源碼文件。

前端搭建3:修改域名網址

點擊前端源碼中的config.js文件,找到里面的apiUrl項,填入你自己的二級域名,并保存文件。

前端搭建4:獲取應用標識

點擊前端源碼中的manifest.json文件,選擇基礎配置,重新獲取uni-app應用標識。

前端搭建5:填寫小程序Appid

點擊前端源碼中的manifest.json文件,選擇微信小程序配置,修改為你的小程序Appid。

前端搭建6:下載微信開發者工具

瀏覽器搜索“微信開發者工具”,選擇穩定版進行下載安裝。安裝完成后,微信掃碼登錄。

前端搭建7:打包發行微信小程序

在HBuilderX工具頂部菜單欄點擊“發行”-,選擇發行“島小程序-微信”。等待一段時間后,會自動跳轉打開微信開發者工具。

前端搭建8:上傳源碼

微信開發者工具打開后,點擊“編譯”,如果左側能夠正常顯示小程序頁面,說明我們之前搭建沒有問題,點擊“上傳”。

審核發布1:設置小程序類目

到這一步,我們的小程序已經基本部署完成,現在只需要設置一下小程序的類目,然后提交審核就可以了。登錄微信公眾平臺,在左側導航欄找到“設置”,選擇小程序的類目就行。根據你商城的主營產品來選擇對應的類目就行。

審核發布2:提交審核

在微信公眾平臺左側導航欄找到“版本管理”,我們從微信開發者工具上傳的源碼會出現在“開發版本”這里,直接點擊“提交審核”就行。每個小程序每年有一次加急審核的機會,勾選后官方會在兩個小時內完成審核。如果審核沒通過,就按照官方的指引修改后重新提交即可。

審核發布3:發布小程序

審核通過后,官方會通過微信向我們發送信息。然后登錄微信公眾平臺。在版本管理中找到審核版本,點擊發布就行。

寫在最后

到此,恭喜你,你擁有了一個屬于自己的微信商城小程序,也掌握了一個新的賺錢技能。今后,你也可以通過寶塔面板,嘗試搭建更多不同類型的小程序或者網站,推開一扇有趣又有意義的大門。

好了,本期內容到此結束,如果你在搭建過程中有什么問題,歡迎隨時與我進行交流,一起學習進步!


1063568276