1、準備一臺雲服務器 - 阿里雲ECS雲服務器
如果你是學生,如果你是學生,如果你是學生,重要的事情說三遍,你可以購買學生機,更便宜,點擊鏈接購買學生機
2、登陸查看雲服務器
3、重做服務器系統 --- 並不是必須
關閉服務器 ---- 關閉電腦
第一可以更換操作系統
第二可以重新初始化磁盤(跟第一選一個)
4、準備連接服務器的工具
點擊finalshell下載
5、連接服務器
選擇SSH連接
6、nginx介紹
Nginx是一款輕量級的Web 服務器/反向代理服務器及電子郵件(IMAP/POP3)代理服務器,在BSD-like 協議下發行。其特點是佔有內存少,併發能力強,事實上nginx的併發能力確實在同類型的網頁服務器中表現較好,中國大陸使用nginx網站用戶有:百度、京東、新浪、網易、騰訊、淘寶等。
負載均衡、反向代理
7、安裝nginx
yum install -y nginx
設置開機啓動
systemctl start nginx.service
systemctl enable nginx.service
瀏覽器打開此地址查看效果
nginx默認使用端口 80, ecs實例沒有開啓端口80,默認只有 22 和 3389
此時瀏覽器再次訪問,表明當前服務器中nginx安裝配置完成
8、部署自己的Vue項目
8.1 打包自己的項目
cnpm run build
8.2 上傳自己的vue項目
進入 nginx 代碼的存放文件
將打包的dist文件夾拖入該文件夾內
發現本地的接口全部都訪問不到,是因爲在開發時使用的是 代理服務器,項目上線時,反向代理就失效(vue.config.js中的devServer配置失效),可以使用nginx實現項目上線的反向代理---------接口上線
9、ECS服務器安裝node
使用nvm安裝多版本的node
NVM(Node Version Manager)是Node.js的版本管理軟件,使您可以輕鬆在Node.js各個版本間進行切換。適用於長期做 node 開發的人員或有快速更新node版本、快速切換node版本的場景。
使用git將源碼克隆到本地的~/.nvm目錄下,並檢查最新版本。
yum install git
git clone https://github.com/cnpm/nvm.git ~/.nvm && cd ~/.nvm && git checkout
git describe --abbrev=0 --tags
激活NVM。
echo ". ~/.nvm/nvm.sh" >> /etc/profile
source /etc/profile
列出Node.js的所有版本。
nvm list-remote
安裝多個Node.js版本。
nvm install v8.12.0
nvm install v10.15.0
運行nvm ls查看已安裝的Node.js版本,出現當前使用版本爲 10.15.0
nvm ls
測試node版本
node -v
如果要切換版本(如果打開服務器,node和npm指令不可用,需要先切換版本)
nvm use 8.12.0
本地創建一個express項目
express myapp --view=ejs
進入服務器的相關目錄,上傳項目
cd /usr/local/src
cd serverapp
npm i
npm run start
一定要記得配置3000端口(參照第7步的nginx 的 80端口的配置)
http://47.92.152.70:3000/
如果想要刪除文件
rm -rf 文件名
10、導出本地數據庫中的數據備用
數據庫文件
找到 mongodb的目錄的 bin目錄,shift + 右鍵 打開命令行窗口
mongoexport -h localhost:27017 -d dbname -c collectionname -o url
11、ecs服務器安裝mongodb
進入文件夾/usr/local,下載mongodb源代碼:
cd /usr/local
下載文件
wget http://fastdl.mongodb.org/linux/mongodb-linux-x86_64-4.0.9.tgz
解壓文件
tar zxvf mongodb-linux-x86_64-4.0.9.tgz
刪除下載的安裝包
rm -rf mongodb-linux-x86_64-4.0.9.tgz
重命名文件夾爲mongodb
mv mongodb-linux-x86_64-4.0.9 mongodb
在var文件夾裏建立mongodb文件夾,並分別建立文件夾data用於存放數據,logs用於存放日誌
cd /var
mkdir mongodb
cd mongodb
mkdir data logs
設置mongodb開機啓動
cd /etc/rc.d
vi rc.local
將mongodb啓動命令追加到本文件中,讓mongodb開機自啓動:
/usr/local/mongodb/bin/mongod --dbpath=/var/mongodb/data --logpath /var/mongodb/logs/log.log -fork
也可以通過finalshell工具打開該文件,修改保存上傳
啓動mongodb
cd /usr/local/mongodb/bin
./mongod --dbpath=/var/mongodb/data --logpath /var/mongodb/logs/log.log -fork
測試mongodb
cd /usr/local/mongodb/bin
./mongo
12、導入數據庫數據
12.1 將本地導出的數據上傳到 遠程服務器
cd /usr/local
mkdir data
cd data
12.2 從服務器導入 數據庫的數據
服務器上json文件的路徑
- /usr/local/data/addresses.json
- /usr/local/data/banners.json
- /usr/local/data/carts.json
- /usr/local/data/comments.json
- /usr/local/data/orders.json
- /usr/local/data/pros.json
- /usr/local/data/users.json
cd /usr/local/mongodb/bin
./mongoimport --db dbname --collection collectionname --file url
測試數據庫
./mongo
13、上傳後臺的node代碼
cd /usr/local/src
mkdir myapp
上傳代碼
npm i
npm run start
雙擊打開package.json,修改接口文檔的生成地址
重新遠程生成接口文檔
> npm install apidoc --global
> apidoc -i api/ -o public/apidoc
> npm run start
瀏覽器測試
此時如果關閉了服務器,接口也將不可以訪問
14、安裝node的啓動命令pm2
npm i pm2 -g
cd /usr/local/src/myapp
啓動服務器
pm2 start ./bin/www --name=1908shop
關閉服務器,瀏覽器訪問即可
如果報錯如下
> nvm use 8.12.0
如果想要關閉此服務
pm2 stop all
此時瀏覽器訪問,接口不可用
pm2 start ./bin/www --name=1908shop
15、去掉服務器的3000端口號
通過nginx的反向代理實現
找到nginx的配置文件
cd /etc/nginx
vi nginx.conf (還可用可視化)
配置更改、重啓nginx
/sbin/nginx -s reload
16、將vue項目打包的dist文件夾上傳至自己的項目的public文件夾
瀏覽器訪問 http://47.92.152.70/ 即可
17、手機測試代碼
打開網址 https://cli.im/,輸入自己的服務器地址,生成二維碼,手機掃碼測試