不用買域名、不用備案、不用配置https快速部署Node.js微信小程式商城
本文件為開源微信小程式商城 NideShop 專案的安裝部署教程,歡迎 star
- NideShop 商城 api 服務端:https://github.com/tumobi/nideshop
- NideShop 微信小程式客戶端: https://github.com/tumobi/nideshop-mini-program
- NideShop 後臺管理客戶端: https://github.com/tumobi/nideshop-admin
一、購買新浪雲SAE
- 為什麼選擇SAE?免費二級域名和支援https訪問,不用備案,可用做微信小程式伺服器。
- SAE推薦連結:http://sae.sina.com.cn/
- 選擇對應的部署環境
- 自定義
- 開發言語:自定義
- 執行環境:雲容器
- 語言版本:自定義
- 部署方式:手工部署
- 作業系統:centos 7.5 1804
- 環境配置:高階 II
- 例項個數:1(測試用選擇1個即可)
- 二級域名:填寫你的域名(這裡為:nideshop2.applinzi.com)
- 應用名稱:填寫你的名稱(nideshop2)
文中出現 nideshop2.applinzi.com 的地方,請替換為你配置的二級域名
建立雲伺服器配置選項.png
二、通過SSH連線雲容器
windows下的配置教程:http://www.sinacloud.com/home/index/faq_detail/doc_id/173.html
三、安裝配置nginx
yum update -y
yum install -y epel-release
yum install -y nginx curl vim net-tools git
nginx
curl -I localhost
此時發現在外網並不能訪問 https://nideshop2.applinzi.com/,錯誤返回
502 Bad Gateway
這個錯誤官方文件有說明:http://www.sinacloud.com/doc/sae/docker/vm-getting-started.html
解決方法:更改nginx預設監聽的埠80為5050,並重新啟動nginx
vim /etc/nginx/nginx.conf
nginx -t
nginx -s reload
更改監聽的埠後
更改nginx監聽的埠.png
再次訪問 https://nideshop2.applinzi.com/,成功返回Welcome to nginx on Fedora!
四、通過nvm安裝node.js
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash
- nvm安裝成功後,執行以下命令
source ~/.bashrc
- 檢視最新版本的Node.js並安裝
nvm ls-remote
NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/mirrors/node nvm install v8.11.3
nvm use --delete-prefix v8.11.3
node -v
五、配置共享型MySQL並匯入資料
建立MySQL成功後,選擇管理操作,進入到phpmyadmin頁面,選項匯入
選擇nideshop專案根目錄下的nideshop.sql檔案
六、本地部署NideShop
- 下載NideShop的原始碼
cd /var/www
git clone https://github.com/tumobi/nideshop
- 安裝ThinkJS
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
- 配置mysql
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
七 通過nginx、pm2進行線上部署
- 編譯專案
npm run compile
- 修改nginx配置
/etc/nginx/nginx.conf 修改後
user nginx;
worker_processes auto;
error_log /var/log/nginx/error.log;
pid /run/nginx.pid;
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;
include /etc/nginx/conf.d/*.conf;
server {
listen 5050 default_server;
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 -s reload
- 測試通過nginx訪問
啟動服務
node production.js
外網通過瀏覽器訪問: https://nideshop2.applinzi.com/
測試成功後記得: Ctrl + C 停止執行
- 安裝配置pm2
npm install -g pm2
修改專案根目錄下的pm2.json為:
{
"apps": [{
"name": "nideshop",
"script": "production.js",
"cwd": "/var/www/nideshop",
"exec_mode": "fork",
"max_memory_restart": "1G",
"autorestart": true,
"instances": 1,
"node_args": [],
"args": [],
"env": {
}
}]
}
啟動pm2
pm2 startOrReload pm2.json
- 參考文件:ThinkJS線上部署文件:https://thinkjs.org/zh-cn/doc/3.0/deploy.html
八 修改NideShop微信小程式的配置
微信小程式商城GitHub: https://github.com/tumobi/nideshop-mini-program
開啟檔案config/api.js,修改NewApiRootUrl為自己的域名,注意 https 和後面的 api/ 不能少
var NewApiRootUrl = 'https://nideshop2.applinzi.com/api/';
九 微信小程式端執行效果圖
首頁
專題
分類
商品列表
商品詳情
購物車
訂單中心
如使用的是阿里雲伺服器,請參考另一篇文章:CentOS 7.3 下部署基於 Node.js的微信小程式商城
小禮物走一走,來簡書關注我
讚賞支援
© 著作權歸作者所有
寫了 5577 字,被 207 人關注,獲得了 226 個喜歡
專注Laravel、Android、Node.js和微信小程式B2C開源商城開發 技術方向:Android、Vue.js、Node.js、Larav
作者:tumobi
連結:https://www.jianshu.com/p/78a0f5f424e1
來源:簡書
簡書著作權歸作者所有,任何形式的轉載都請聯絡作者獲得授權並註明出處。