基於Node.js+MySQL開發的開源微信小程序商城（微信小程序）部署環境

在網上搜到小程序設計的項目，下載前輩的代碼到本地環境，接下來需要如何部署代碼到本地，並能夠看到完整的效果展示。

服務器端： https://github.com/tumobi/nideshop

NideShop商城（服務端）

• 界面高仿網易嚴選商城(主要是2016年wap版)
• 測試數據采集自網易嚴選商城
• 功能和數據庫參考ecshop
• 服務端api基於Ｎode.js+ThinkJS+MySQL
• 計划添加基於Vue.js的后台管理系統、PC版、Ｗap版

本項目需要配合微信小程序端使用，GitHub: https://github.com/tumobi/nideshop-mini-program

本地開發環境配置

• 克隆項目到本地

git clone https://github.com/tumobi/nideshop

• 創建數據庫nideshop並導入項目根目錄下的nideshop.sql

CREATE SCHEMA `nideshop` DEFAULT CHARACTER SET utf8mb4 ;

注意數據庫字符編碼為utf8mb4

• 更改數據庫配置 src/common/config/database.js

const mysql = require('think-model-mysql');

module.exports = {
    handle: mysql,
    database: 'nideshop',
    prefix: 'nideshop_',
    encoding: 'utf8mb4',
    host: '127.0.0.1',
    port: '3306',
    user: 'root',
    password: '你的密碼',
    dateStrings: true
};

• 填寫微信登錄和微信支付配置 src/common/config/config.js

// default config
module.exports = {
  default_module: 'api',
  weixin: {
    appid: '', // 小程序 appid
    secret: '', // 小程序密鑰
    mch_id: '', // 商戶帳號ID
    partner_key: '', // 微信支付密鑰
    notify_url: '' // 微信異步通知，例：https://www.nideshop.com/api/pay/notify
  }
};

• 安裝依賴並啟動

npm install
npm start

訪問http://127.0.0.1:8360/
詳細步驟：

1.導入數據：
1.先安裝一個Mysql數據庫，可以在網上直接下載，也可以使用wampServer：http://www.wampserver.com/ 傻瓜式安裝。

安裝成功：啟動會出現如下的圖標。

此時打開把鼠標懸浮到此圖標上，打開phpmyadmin，執行下面的命令，創建“nideshop”數據庫

並導入項目根目錄下的nideshop.sql。

數據導入成功：

2.安裝基於nodejs的服務端代碼：

打開終端命令窗口：開始圖標- cmd

1. 輸入 git clone https://github.com/tumobi/nideshop

2. 修改配置文件

更改數據庫配置 src/common/config/database.js
const mysql = require('think-model-mysql');

module.exports = {
    handle: mysql,
    database: 'nideshop',
    prefix: 'nideshop_',
    encoding: 'utf8mb4',
    host: '127.0.0.1',
    port: '3306',
    user: 'root',
    password: '你的密碼',
    dateStrings: true
};
填寫微信登錄和微信支付配置 src/common/config/config.js 此處可以先不填寫，為空
// default config
module.exports = {
  default_module: 'api',
  weixin: {
    appid: '', // 小程序 appid
    secret: '', // 小程序密鑰
    mch_id: '', // 商戶帳號ID
    partner_key: '', // 微信支付密鑰
    notify_url: '' // 微信異步通知，例：https://www.nideshop.com/api/pay/notify
  }
};

 

等待下載代碼到本地文件夾下，如果下載完畢，cd  nideshop，

執行 npm install，安裝依賴,安裝成功，執行 npm start，啟動服務端會出現如下的提示

在瀏覽器上訪問http://127.0.0.1:8360/

 

 3.部署小程序端代碼

下載小程序端代碼，並新建小程序項目，把代碼粘貼到項目目錄下。https://github.com/tumobi/nideshop-mini-program
可成功運行：

可以打開調試器針對具體問題，去解決。

 ！！！注意：

出現此錯誤，需要在小程序上設置不校驗https這一項即可