NideShop 商城微信小程序

028416
加入QQ群图标 加入QQ群 微信公众号图标 关注微信公众号 联系我们图标 联系我们 请求更新图标 请求更新

NideShop商城（微信小程序端）

  • 界面高仿网易严选商城(主要是2016年wap版)
  • 测试数据采集自网易严选商城
  • 功能和数据库参考ecshop
  • 服务端api基于Ｎode.js+ThinkJS+MySQL
  • 计划添加基于Vue.js的后台管理系统、PC版、Ｗap版

NideShop商城（服务端）

  • 界面高仿网易严选商城(主要是2016年wap版)
  • 测试数据采集自网易严选商城
  • 功能和数据库参考ecshop
  • 服务端api基于Ｎode.js+ThinkJS+MySQL
  • 计划添加基于Vue.js的后台管理系统、PC版、Ｗap版

项目截图

图片[1]-NideShop 商城微信小程序-皓月星辰

本地开发环境配置

克隆项目到本地

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

创建数据库nideshop并导入项目根目录下的nideshop.sql (注意数据库字符编码为utf8mb4)

CREATE SCHEMA `nideshop` DEFAULT CHARACTER SET 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/

在阿里云（CentOS）上部署

环境介绍

  • 推荐配置：2CPU、4G内存、5M宽带、40G系统盘
    推荐配置适合正式上线使用，你也可根据自身需要更改配置。如果图片多或是图片加载慢则推荐使用云存储和CDN。
  • 最低配置：1CPU、1G内存、1M宽带、40G系统盘
    仅推荐开发、测试时使用。

更新系统和安装 git、vim、curl

yum update -y
yum install curl git -y

通过 nvm 安装 Node.js (必须安装 Node.js 8.x 以上版本)

  • 安装 nvmcurl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.5/install.sh | bash 验证安装是否成功source ~/.bashrc nvm --version 看到输出版本信息 0.33.5 表示安装成功
  • 查看最新 8.x 版本 Node.js 版本并安装nvm ls-remote nvm install v8.2.1 node -v 看到输出版本信息 v8.2.1 表示安装成功

安装 MySQL 5.7

yum install https://dev.mysql.com/get/mysql57-community-release-el7-11.noarch.rpm -y
yum install mysql-community-server -y

启动 mysql

systemctl start mysqld
systemctl enable mysqld

查找 root 的初始密码

cat /var/log/mysqld.log | grep password

更改密码

mysql_secure_installation

回车后输入查找到的密码，然后按照料提示更改密码
注意新密码必须包含特殊字符、数字、和大小写字母且不得少于8位，否则更改失败。

验证 mysql 是否安装成功

mysql -uroot -p

回车后输入查找到的密码，登录成功后的样子

开始运行 NideShop

  • 下载 NideShop 的源码mkdir /var/www cd /var/www git clone https://github.com/tumobi/nideshop
  • 全局安装 ThinkJS 命令npm install -g think-cli thinkjs -v
  • 安装依赖cd /var/www/nideshop npm install
  • 创建数据库并导入数据mysql -uroot -p -e "create database nideshop character set utf8mb4" mysql -uroot -p nideshop < /var/www/nideshop/nideshop.sql
  • 修改 Nideshop 的数据库配置vim 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
};

注意 encoding，prefix 的值

编译项目

npm run compile

以生产模式启动

node production.js

打开另一个终端验证是否启动成功

curl -I http://127.0.0.1:8360/

输出 HTTP/1.1 200 OK，则表示成功
Ctrl + C 停止运行

为防止后面操作出现 [Error] Error: Address already in use, port:8360. 的错误，一定要记得Ctrl + C停止运行，并确保 curl -I http://127.0.0.1:8360/ 不能访问

使用 PM2 管理服务

  • 安装配置 pm2 npm install -g pm2

修改项目根目录下的 pm2.json 为：

vim pm2.json

修改后的内容如下 ：

{
  "apps": [{
    "name": "nideshop",
    "script": "production.js",
    "cwd": "/var/www/nideshop",
    "exec_mode": "fork",
    "max_memory_restart": "256M",
    "autorestart": true,
    "node_args": [],
    "args": [],
    "env": {

    }
  }]
}

如果服务器配置较高，可适当调整 max_memory_restart 和instances的值

  • 启动pm2 pm2 start pm2.json

再次验证是否可以访问

curl -I http://127.0.0.1:8360/

使用 nginx 做反向代理

yum install nginx -y
systemctl start nginx.service
systemctl enable nginx.service

测试本地是否可以正常访问

curl -I localhost

修改nginx配置

cp /etc/nginx/nginx.conf /etc/nginx/nginx.conf.bak
vim /etc/nginx/nginx.conf

内容如下（只需更改 server 里面的内容）

user nginx;
worker_processes auto;
error_log /var/log/nginx/error.log;
pid /run/nginx.pid;

# Load dynamic modules. See /usr/share/nginx/README.dynamic.
include /usr/share/nginx/modules/*.conf;

events {
    worker_connections 1024;
}

http {
    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
                      '$status $body_bytes_sent "$http_referer" '
                      '"$http_user_agent" "$http_x_forwarded_for"';

    access_log  /var/log/nginx/access.log  main;

    sendfile            on;
    tcp_nopush          on;
    tcp_nodelay         on;
    keepalive_timeout   65;
    types_hash_max_size 2048;

    include             /etc/nginx/mime.types;
    default_type        application/octet-stream;

    # Load modular configuration files from the /etc/nginx/conf.d directory.
    # See http://nginx.org/en/docs/ngx_core_module.html#include
    # for more information.
    include /etc/nginx/conf.d/*.conf;

    server {
        listen 80;
        server_name nideshop.com www.nideshop.com; # 改成你自己的域名
        root /var/www/nideshop/www;
        set $node_port 8360;

        index index.js index.html index.htm;
        if ( -f $request_filename/index.html ){
            rewrite (.*) $1/index.html break;
        }
        if ( !-f $request_filename ){
            rewrite (.*) /index.js;
        }
        location = /index.js {
            proxy_http_version 1.1;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_set_header Host $http_host;
            proxy_set_header X-NginX-Proxy true;
            proxy_set_header Upgrade $http_upgrade;
            proxy_set_header Connection "upgrade";
            proxy_pass http://127.0.0.1:$node_port$request_uri;
            proxy_redirect off;
        }

        location ~ /static/ {
            etag         on;
            expires      max;
        }
    }
}
  • 重新启动 nginx 并验证 nginx 是否还可以正常访问nginx -t systemctl restart nginx.service curl http://127.0.0.1/

注：阿里云默认外网不能访问80/443端口，请更改实例的安全组配置，配置教程：https://help.aliyun.com/document_detail/25475.html?spm=5176.doc25475.3.3.ZAx4Uo

配置https访问

  • 安装certbot yum install epel-release -y yum install certbot-nginx -y certbot --nginx

如果 certbot -nginx 这步出错，则执行

pip install --upgrade --force-reinstall 'requests==2.6.0' urllib3

重新执行 certbot —nginx

  • 配置自动更新证书 certbot renew --dry-run

详情文档请查看：https://certbot.eff.org/#ubuntuxenial-nginx

  • 测试浏览器使用https形式访问是否成功

修改NideShop微信小程序客户端的配置

微信小程序商城客户端GitHub: https://github.com/tumobi/nideshop-mini-program

打开文件 config/api.js，修改 NewApiRootUrl 为自己的域名

var NewApiRootUrl = 'https://www.nideshop.com/api/';

注意 https 和后面的 api/ 不能少

到此部署成功

NideShop 商城微信小程序-皓月星辰
NideShop 商城微信小程序
此内容为免费资源，请登录后查看
￥0
限时特惠
￥99
7 × 24 小时服务
VIP 1对1 客服
免费资源
已售 835
温馨提示：

本文最后更新于2024-09-30 18:13:43，某些文章具有时效性。

若有解压密错误或链接已失效，请在下方留言或在 微信公众号留言。

获取解压密码方式：

搜索并关注公众号【资源星球ResourceStar】

回复关键字【皓月星辰】即可免费获取

喜欢就支持一下吧
小程序源码网站源码
# NideShop
点赞16 分享
相关推荐
NideShop 商城微信小程序-皓月星辰
NideShop 商城微信小程序
NideShop 商城微信小程序
1个月前 284
彩虹易支付2024最新破解版-皓月星辰
彩虹易支付2024最新破解版
彩虹易支付2024最新破解版
2个月前 317
LAN独立程序 lan朋友圈主题全开源去授权-皓月星辰
LAN独立程序 lan朋友圈主题全开源去授权
LAN独立程序 lan朋友圈主题全开源去授权
1个月前 806
微信小程序图表库-皓月星辰
微信小程序图表库
微信小程序图表库
1个月前 454
评论 抢沙发

请登录后发表评论

    暂无评论内容

默认头像

免费内容
7 × 24 小时服务
VIP 1对1 客服
已售 835