商城小程序源碼調試上架完整經驗分享,完美!

申明:本文由劉鵬(普商科技創始人。公司專業從事網絡推廣、APP定製、公眾平臺開發)原創,未經同意禁止轉載。

騰訊的小程序,可是越來越火了,我們這個三線城市,也炒到了14900元一個。當然,需要比較不錯的關鍵詞才能達到這個價格,比如 “最新商鋪”這樣的以關鍵詞命名的小程序,價值會更高,其實這個有點類似百度的競價,今天就不對這個問題深入討論了,今天主要是跟大家分享一下成果,以及搭建安裝小程序的整個流程和注意事項。

首先,展示一下我的成果:

商城小程序源碼調試上架完整經驗分享,完美!

小程序前端界面

商城小程序源碼調試上架完整經驗分享,完美!

前端界面展示

商城小程序源碼調試上架完整經驗分享,完美!

前端展示

大家可以看到,整體效果還是不錯的,至少還是自我感覺滿意,主要的核心功能還是全部有的,包括 展示、下單支付、物流追蹤、團購、普通單購、模版消息............

好了,廢話不多說,下面分享操作步驟:

第一步、部署後臺(商城管理系統)

1. 服務器上面創建一個網站,可以使用二級域名;

2. 申請 SSL 安全證書,並應用於上一步創建的網站,確保你的網站用 https 訪問正常;

3. 清空網站裡面的所有內容,然後上傳“後臺端”文件夾所有文件和文件夾到你的網站根目錄;

4. 修改根目錄下面的 config.php 文件,把域名全部修改成你的;修改數據庫鏈接信息,並確保正常鏈接到你的數據庫;

5. 導入根目錄下的 tuan.sql 到你的數據庫;

6. 訪問你的網站前臺頁面、後臺地址 https://你的域名/admin 後臺用戶名、密碼 均為 admin 請自行修改;

商城小程序源碼調試上架完整經驗分享,完美!

第二步、網站後臺參數設置

1. 系統設置,依此配置:網站信息設置-----數據庫參數設置-----微信小程序設置-----阿里雲儲存設置(沒有可以不用填)-----小程序模板消息配置(可以不用設置短信,微信小程序官方後臺獲取模版消息ID)

2. 擴展功能(已經設置了默認狀態,根據自身需要進行修改)

3. 運營管理(就是商品信息、訂單處理、用戶數據等,所有商城的核心功能都在這裡)

第三步、小程序代碼設置

1. 把“wxshop”文件解壓或拖拽到桌面上;

2. 修改 config.js 文件,只需要修改兩個內容【 域名(有多處)、小程序名稱】

3. 修改 app.json 文件,只需要修改你的小程序 名稱

4. 下載小程序調試開發工具,自己去小程序官方下載;

5. 開發工具中 填入 APPID 和小程序名稱,選擇對應的文件夾 wxshop 後打開,開始調試、編譯;

6. 如果沒有出現 編譯錯誤等信息,繼續下一步(添加產品等);如果出現錯誤,首先檢查你的 開發者配置,需要在小程序官方後臺,開發配置你的安全域名,合法域名等,一共 4 個,都直接輸入你的域名即可;

商城小程序源碼調試上架完整經驗分享,完美!

第四步、添加商品和發佈

1. 直接在你的網站後臺添加、刪除、修改產品;

2. 開發工具裡面,清緩存,然後編譯;

3. 如果想看到在手機端的真實效果,自己在開發工具---項目---預覽---掃碼查看;

4. 一切滿意後,在調試工具---上傳,再到小程序官方後臺,提交審核,審核通過後,再到官方後臺,點擊發布

5. 如果想修改顏色等元素,直接修改 pages 裡面的 wxss 文件就可以,和平常我們處理 CSS 文件一樣的。

商城小程序源碼調試上架完整經驗分享,完美!

後臺界面展示

以上,就是整個過程,當然,不夠詳細,還有很多細節需要注意,但是,稍微有點基礎的朋友,都完全可以根據上述四個步驟搞定的。

商城小程序源碼調試上架完整經驗分享,完美!

調試小程序

如果需要幫助或者學習交流,歡迎加我,或者需要源碼的,也可以找我,不過,先說清楚,收費 399 元一套,保證和演示的小程序一模一樣,絕對完整無錯,不可能出現什麼編譯錯誤之類的。

本文為原創作品,作者劉鵬(河南普商科技有限公司創始人,公司專業從事APP定製開發、商城系統建設、網站建設與運營),未經同意,禁止轉載!源碼索取、幫助唯一聯&系&方式: 176-1386-9386 或者 Q號1391637627,歡迎各界朋友交流討論。

可以幫忙調試安裝,以及細節問題協助處理。


分享到:


相關文章: