微信小程序Node.js商城开发微信小程序商城

不用买域名、不用备案、不用配置https快速部署Node.js微

2017-07-15  本文已影响14231人  tumobi

本文档为微信小程序商城NideShop项目的安装部署教程,欢迎star

一、购买新浪云SAE

文中出现nideshopapi.applinzi.com的地方,请替换为你配置的二级域名

QQ截图20180510151231.png

二、通过SSH连接云容器

windows下的配置教程:http://www.sinacloud.com/home/index/faq_detail/doc_id/173.html

三、安装配置nginx

apt update -y
apt upgrade -y
apt install nginx curl vim -y
service nginx start 
curl localhost

此时发现在外网并不能访问https://nideshopapi.applinzi.com/,错误返回
502 Bad Gateway
这个错误官方文档有说明:http://www.sinacloud.com/doc/sae/docker/vm-getting-started.html

解决方法:更改nginx默认监听的端口80为5050,并重新启动nginx

vim /etc/nginx/sites-available/default
nginx -t
service nginx restart
此处输入图片的描述

再次访问 https://nideshopapi.applinzi.com/,成功返回
Welcome to nginx!

四、通过nvm安装node.js

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.4/install.sh | bash
source ~/.bashrc  
nvm ls-remote
NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/mirrors/node nvm install v8.1.4
node -v

五、配置共享型MySQL并导入数据

创建MySQL成功后,选择管理操作,进入到phpmyadmin页面,选项导入
选择nideshop项目根目录下的nideshop.sql文件

六、本地部署NideShop

apt install git -y
cd /var/www
git clone https://github.com/tumobi/nideshop
npm install  think-cli -g --registry=https://registry.npm.taobao.org --verbose
thinkjs --version
cd /var/www/nideshop
npm install --registry=https://registry.npm.taobao.org --verbose
vim src/common/config/database.js

修改后:

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

module.exports = {
  handle: mysql,
  database:  'app_' + process.env.APPNAME,
  prefix: 'nideshop_',
  encoding: 'utf8mb4',
  host: process.env.MYSQL_HOST,
  port: process.env.MYSQL_PORT,
  user: process.env.ACCESSKEY,
  password: process.env.SECRETKEY,
  dateStrings: true
};

Node.js连接MySQL参考文档:http://www.sinacloud.com/doc/sae/docker/howto-use-mysql.html#nodejs

npm start
curl localhost:8360

测试成功后记得: Ctrl + C 停止运行

修改后:

image.png
如果还是未解决,可以尝试选择环境配置最高的 image.png

七 通过nginx、pm2进行线上部署

npm run compile
server {
    listen 5050;
    server_name nideshopapi.applinzi.com;
    root /var/www/nideship/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;
    }
}

node production.js

外网通过浏览器访问: https://nideshopapi.applinzi.com/
测试成功后记得: Ctrl + C 停止运行

npm install -g pm2

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

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

    }
  }]
}

启动pm2

pm2 startOrReload pm2.json

八 修改NideShop微信小程序的配置

微信小程序商城GitHub: https://github.com/tumobi/nideshop-mini-program
打开文件config/api.js,修改NewApiRootUrl为自己的域名,注册是https和后面的api/不能少

var NewApiRootUrl = 'https://nideshopapi.applinzi.com/api/';

九 微信小程序端运行效果图

首页 专题 分类 商品列表 商品详情 购物车 订单中心

如使用的是阿里云服务器,请参考另一篇文章:Ubuntu 16.04 下部署Node.js+MySQL微信小程序商城

上一篇下一篇

猜你喜欢

热点阅读