成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

阿里云centOS部署vue全家桶+node+koa2+mongo項目

hankkin / 2359人閱讀

摘要:啟動和停止設(shè)置開機自啟配置阿里云服務(wù)器端口此項不是必須,本地連接遠(yuǎn)程數(shù)據(jù)庫調(diào)試查看方便些就開啟由于只開啟了一些基礎(chǔ)端口如,其他都關(guān)閉,要自己配置。

寫在前面

文章有丟丟長,前端開發(fā)第一次部署項目,有問題請及時提出,以免誤導(dǎo)其他童鞋,輕拍~,

更新系統(tǒng)

sudo yum update

安裝mongo 1. 添加MongoDB源

在/etc/yum.repos.d/下創(chuàng)建名為mongodb-org-4.0.repo文件。并在文件中添加如下內(nèi)容

[mongodb-org-4.0]
name=MongoDB Repository
baseurl=https://repo.mongodb.org/yum/...$releasever/mongodb-org/4.0/x86_64/
gpgcheck=1
enabled=1
gpgkey=https://www.mongodb.org/stati...
2. 安裝
sudo yum install -y mongodb-org
3. 配置MongoDB及其他

MongoDB的配置文件位于/etc/mongod.conf

# network interfaces
net:
  port: 27017
  bindIp: 127.0.0.1  # Enter 0.0.0.0,:: to bind to all IPv4 and IPv6 addresses or, alternatively, use the net.bindIpAll setting.

把127.0.0.1 改成0.0.0.0, 原因見注釋。

啟動和停止MongoDB

sudo systemctl start mongod
sudo systemctl restart mongod
sudo systemctl stop mongod

設(shè)置開機自啟

sudo systemctl enable mongod
4. 配置阿里云服務(wù)器端口

此項不是必須,本地連接遠(yuǎn)程數(shù)據(jù)庫調(diào)試、查看方便些就開啟
由于centos只開啟了一些基礎(chǔ)端口(如80),其他都關(guān)閉,要自己配置。
(當(dāng)時我明明把mongodb啟動了,本地就是訪問不了遠(yuǎn)程)

順便把你后臺接口端口開下。
(配置端口方法在文末)

5. 驗證

(阿里云沒開端口就訪問不了)
在自己瀏覽器中輸入你服務(wù)器地址加端口號,例如: http://133.xxx.xx.xx:27017,若界面友好,如出現(xiàn)

It looks like you are trying to access MongoDB over HTTP on the native driver port.

恭喜你,完成!

安裝詳細(xì)及安全認(rèn)證請點擊 https://cloud.tencent.com/dev...

官方文檔傳送門: https://docs.mongodb.com/manu...

6. 基本操作
創(chuàng)建數(shù)據(jù)庫 ,不存在會創(chuàng)建,不建立集合又會刪除
use mydb;

switched to db mydb

創(chuàng)建集合
db.createCollection("a")

{ "ok" : 1 }

在集合中插入數(shù)據(jù)
db.a.insert({"id":1,"name":"zhangsan"})

WriteResult({ "nInserted" : 1 })

查看集合中的數(shù)據(jù)
db.a.find()
查找指定記錄并賦予別名a,查看屬性類型
b=db.a.findOne({"id":1})
{
"_id" : ObjectId("5b4c54bc8a4352592ecc288f"),
"id" : 1,
"name" : "zhangsan"

}

typeof(b.id)
number
更改數(shù)據(jù)
db.a.update({"id":1},{$set:{"name":"tom"}})  
WriteResult({ "nMatched" : 1, "nUpserted" : 0, "nModified" : 1 })
db.a.find()
{ "_id" : ObjectId("5b4c54bc8a4352592ecc288f"), "id" : 1, "name" : "tom" }
查看集合
show collections  
a
刪除集合
db.a.drop()  
true
刪除數(shù)據(jù)庫
db.dropDatabase() 
{ "dropped" : "mydb", "ok" : 1 }
復(fù)制數(shù)據(jù)庫
db.copyDatabase("mydb","mydb1")  
{ "ok" : 1 }
show dbs;
admin 0.000GB
config 0.000GB
local 0.000GB
mydb 0.000GB
mydb1 0.000GB

基本操作源于網(wǎng)上,地址不記得在哪里(以前復(fù)制的筆記)


安裝node 安裝Nodejs ---- v10.15.0版本
# cd /opt/app
# mkdir nodejs
# cd nodejs 
# wget https://npm.taobao.org/mirrors/node/v10.15.0/node-v10.15.0-linux-x64.tar.xz    // 下載
# tar xf  node-v10.15.0-linux-x64.tar.xz       // 解壓
# cd node-v10.15.0-linux-x64/                  // 進(jìn)入解壓目錄
# ./bin/node -v                               // 執(zhí)行node命令 查看版本
設(shè)置軟連接
# ln -s /opt/app/nodejs/node-v10.15.0-linux-x64/bin/npm   /usr/local/bin/ 
# ln -s /opt/app/nodejs/node-v10.15.0-linux-x64/bin/node   /usr/local/bin/
安裝taobao鏡像

npm config set registry https://registry.npm.taobao.org

驗證下

npm config get registry

參考鏈接: https://blog.51cto.com/169334...

(他那個少了寫了cd nodejs 步驟,會導(dǎo)致設(shè)置軟連接失敗,設(shè)置軟連接node程序路徑上有nodejs文件夾)


安裝git

此項非必須。
由于本項目是通過git做版本控制,若直接復(fù)制文件到服務(wù)器就不用安裝git

1.安裝

yum install -y git

安裝完成后,輸入git試下,

2.卸載

yum remove git


http-server 服務(wù)器 全局安裝
npm install http-server -g
用法
http-server [path] [options]

[path] 默認(rèn)路徑: 如果當(dāng)前目錄有public文件夾,則path為./public, 否則path為當(dāng)前目錄./

配置項
配置 名稱 默認(rèn)值
-p 端口 8080
-a 地址 0.0.0.0

舉個栗子

http-server -a 0.0.0.0 -p 8000

注意: 啟動后臺服務(wù),該端口一定要在阿里云配置,否則訪問不了(配置端口方法在文末)

官方文檔: https://www.npmjs.com/package...


基本工作已完成。

開始部署
# cd /var/www/html/    //沒有該目錄則新建 mkdir 文件夾名
# git clone 項目地址
# npm i
# npm run build
# http-server -a 0.0.0.0 -p 8080 //后端服務(wù)
# cd dist/
# http-server -a 0.0.0.0 -p 80 // 前端代碼
其他

途中遇到幾個問題

遠(yuǎn)程終端開啟服務(wù),關(guān)了終端服務(wù)就停了

npm i 各種問題,改用yarn包管理

配置域名

服務(wù)器有點慢,用oss靜態(tài)文件托管

阿里云服務(wù)器怎么開端口


問題1: 遠(yuǎn)程終端開啟服務(wù),關(guān)了終端服務(wù)就停了
1.安裝forever
npm install forever -g
[root@iZ2ze7ggih5sha1231siavrvZ hope]# npm install forever -g
/opt/app/node-v10.15.0-linux-x64/bin/forever -> /opt/app/node-v10.15.0-linux-x64/lib/node_modules/forever/bin/forever
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules/forever/node_modules/fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"linux","arch":"x64"})

+ [email protected]
added 247 packages from 152 contributors in 13.696s
2. 使用
[root@iZ2ze7ggih5sha13siavrvZ bin]# forever
-bash: forever: command not found

咦? 找不到命令?

原因: 未設(shè)置軟連接(類似window中的快捷方式)

[root@iZ2ze7ggih5sha1231siavrvZ bin]# ln -s /opt/app/node-v10.15.0-linux-x64/bin/forever  /usr/local/bin/  //別直接復(fù)制我這句!得看你的forever裝在哪里,安裝位置看安裝時打印的日志,如我上面顯示。

[root@iZ2ze7ggih5sha1231siavrvZ bin]# forever 
help:    usage: forever [action] [options] SCRIPT [script-options]
help:    
# 以下省略····

ln -s 程序bin所在位置 復(fù)制到目標(biāo)位置 //ln 理解為link -s save (個人理解)

啟動服務(wù)

forever start app.js  //啟動
forever stop app.js  //關(guān)閉
forever list // 查看啟動的服務(wù)列表

forever -h //不會操作就找help吧~

forever 官方: https://github.com/foreverjs/...


問題2:npm 包管理改成yarn包管理
安裝

npm install yarn -g

設(shè)置軟鏈接

ln -s /opt/app/node-v10.15.0-linux-x64/bin/yarn /usr/local/bin/ //別直接復(fù)制,先看自己yarn bin在哪

npm 常用命令對比

npm yarn 作用
npm install yarn install 安裝所有模塊
npm install [package] yarn add [package] 添加模塊
npm install [package] --save-dev yarn add [package] --dev 添加模塊
npm uninstall [package] yarn remove [package] 卸載模塊

具體用法詳見官方文檔: https://yarnpkg.com/zh-Hans/d...

3. 配置域名

阿里云后臺-->域名管理-->解析-->添加記錄-->剩下的一步步看就好了




4. 用oss(文件對象存儲)靜態(tài)文件托管

前端代碼可直接托管到oss,速度快。流量比較大的就開啟cdn,畢竟流量也要錢。

阿里云后臺-->對象存儲-->新建bucket(一定要設(shè)置成公有讀,不然訪問還得帶鑒權(quán)?)

右側(cè)bucket列表 ---》概覽--->訪問域名-->復(fù)制bucket域名&&外網(wǎng)訪問的那個地址,在自己域名管理中解析到這地址

-->基礎(chǔ)設(shè)置--->靜態(tài)頁面-->設(shè)置首頁

--->基礎(chǔ)設(shè)置旁邊的域名管理-->綁定你的域名





5. 阿里云服務(wù)器怎么開端口

假設(shè)你已經(jīng)看到右側(cè)列表是

實例詳情

本實例磁盤

本實例快照

本實例彈性網(wǎng)卡

本實例安全組

本實例安全防護(hù)

本實例安全防護(hù) --->安全組列表--->配置規(guī)則-->快速創(chuàng)建規(guī)則-->填寫你的端口號,授權(quán)對象填0.0.0.0/0

以上就是全部內(nèi)容啦~


文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/19524.html

相關(guān)文章

  • 阿里centOS部署vue全家+node+koa2+mongo項目

    摘要:啟動和停止設(shè)置開機自啟配置阿里云服務(wù)器端口此項不是必須,本地連接遠(yuǎn)程數(shù)據(jù)庫調(diào)試查看方便些就開啟由于只開啟了一些基礎(chǔ)端口如,其他都關(guān)閉,要自己配置。 寫在前面 文章有丟丟長,前端開發(fā)第一次部署項目,有問題請及時提出,以免誤導(dǎo)其他童鞋,輕拍~, 更新系統(tǒng) sudo yum update 安裝mongo 1. 添加MongoDB源 在/etc/yum.repos.d/下創(chuàng)建名為mongodb...

    newtrek 評論0 收藏0
  • vue2全家+koa2+mongodb搭建一個簡單偽全棧博客

    摘要:本來不想推的,看到上有個項目很簡單,都有,推推看咯。雖然這個項目很簡單,但是還蠻有趣,用來入門和以及再好不過了。 本來不想推的,看到github上有個項目很簡單,都有300 star,推推看咯。雖然這個項目很簡單,但是還蠻有趣,用來入門vue2和nodejs以及mongodb再好不過了。 等這幾天把公司手頭的事情忙完,再把vuex的部分強化下。 基于vue2/vuex/vue-rout...

    bitkylin 評論0 收藏0
  • vue+koa2+mongo前后端分離restful,配置和部署

    摘要:前端項目使用搭建項目,這里就不發(fā)了安裝和配置或加載。目錄下文件修改來個請求,查看結(jié)果。 一。前端項目 1.使用vue-cli(vue2.0)搭建項目,這里就不發(fā)了. axios安裝和配置 ~ npm install axios 1. main.js或app.js加載axios。 import axios from axios Vue.prototype.$axios =...

    miracledan 評論0 收藏0
  • Vue全家商城全站升級之引入HTTPS,PWA,錯誤監(jiān)控,持續(xù)構(gòu)建。

    摘要:免費升級到升級到后,服務(wù)器可以開啟版本,對比性能和緩存各方面要更好,還有其他新特性,可以啟動功能,更好的進(jìn)行離線緩存,更好的離線體驗。 showImg(https://segmentfault.com/img/remote/1460000012773891?w=370&h=661); 在線地址:https://fancy.czero.cn 手機掃描二維碼查看: showImg(http...

    zengdongbao 評論0 收藏0

發(fā)表評論

0條評論

hankkin

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<