CentOS 7.6 下部署基于 Node.js的微信小程序商城

本文檔為微信小程序商城NideShop項目的安裝部署教程,歡迎star

環境介紹

  • 打開阿里云 ECS 服務器購買頁面:https://www.aliyun.com/product/ecs

  • 選擇購買的配置
    推薦配置:4CPU、8G內存、4M寬帶、40G系統盤
    推薦配置適合正式上線使用,你也可根據自身需要更改配置,如果圖片多或是圖片加載慢則推薦使用云存儲和CDN。


    推薦配置20180813112415.png

    如果只是用來測試體驗,則可適當降低配置。

更新系統和安裝 git、vim、curl

yum update -y
yum install curl git -y

通過 nvm 安裝 Node.js

  • 安裝 nvm
curl -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 表示安裝成功

必須安裝 Node.js 8.x 以上版本

安裝 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 

回車后輸入查找到的密碼,登錄成功后的樣子

image.png

開始運行 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

成功啟動

image.png

再次驗證是否可以訪問

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/

如果返回的是下圖的json數據則表示nginx反向代理配置成功

nginx轉發成功

注:阿里云默認外網不能訪問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形式訪問是否成功


    配置https訪問成功

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

微信小程序商城客戶端GitHub: https://github.com/tumobi/nideshop-mini-program
打開文件config/api.js,修改NewApiRootUrl為自己的域名

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

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

到此部署成功,如有問題請加作者微信 tumobi

最近更新時間:2019-05-24
原文鏈接:https://nideshop.com/documents/nideshop-manual/deployment-centos

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容