RN項目集成react-native-code-push(一)-- Linux搭建code-push-server服務器

第一部分:環境準備

環境:centerOS(7.7)、docker、git、nodejs(10+)、mysql(5.7)、yarn
說明:括號內爲本次搭建使用的版本

一、安裝docker

1.安裝命令

curl -fsSL https://get.docker.com/ | sh

2.啓動docker

sudo systemctl restart docker 

3.查看版本

docker version 

在這裏插入圖片描述
如圖,則表示docker已安裝成功!

二、安裝git

1.安裝命令

yum -y install git 

2.查看版本

git version 

在這裏插入圖片描述
如圖,則表示git已安裝成功!

三、安裝nodejs

1.安裝命令

yum -y install nodejs 

2.查看版本

node -v 

在這裏插入圖片描述
如圖,則表示node已安裝成功!

四、安裝mysql

1.利用docker安裝MySQL

docker run --name mysql -p 3306:3306 -e MYSQL_ROOT_PASSWORD=11223344 -d mysql:5.7 

說明:
<1>安裝mysql:5.7,直接docker run 他會自動去官方鏡想下載
<2>MYSQL_ROOT_PASSWORD=你的數據庫密碼

2.利用docker查看部署的mysql服務

docker ps -a 

在這裏插入圖片描述
如圖,則表示mysql已安裝成功!

五、安裝yarn

此步驟可省,後用npm來代替yarn命令
1.安裝命令

npm install -g yarn 

2.查看版本

yarn --version 

在這裏插入圖片描述
如圖,則表示yarn已安裝成功!

六、打開防火牆,開放3000端口

服務默認啓在3000端口上
1.啓動防火牆

systemctl start firewalld 

2.防火牆設置開機啓動

systemctl enable firewalld 

3.重啓防火牆

firewall-cmd --reload 

4.打開3000端口

firewall-cmd --zone=public --add-port=3000/tcp --permanent 

5.重啓防火牆

firewall-cmd --reload 

6.查看系統打開的所有端口

firewall-cmd --zone=public --list-ports 

在這裏插入圖片描述
如圖,完成了端口的對外開放,方便後面部署成功後,可以直接從外網進行服務訪問。

第二部分:安裝code-push-server

一、下載code-push-server服務源碼

1.下載code-push-server服務源碼
打開控制檯,併到指定跟目錄下,執行以下代碼,從Git上下載項目代碼

git clone https://github.com/lisong/code-push-server.git 

如圖
在這裏插入圖片描述
下載後的項目是一個基於node.js的項目文件夾,如圖
在這裏插入圖片描述
2.在控制檯進入code-push-server項目,並安裝node_modules資源

cd code-push-server && yarn 

如圖
在這裏插入圖片描述
成功後,會在code-push-server目錄下出現一個node_modules文件夾,如圖
在這裏插入圖片描述

二、創建項目數據庫

在項目根目錄下執行代碼:

node ./bin/db init --dbhost 127.0.0.1 --dbuser root --dbpassword 數據庫密碼 

在這裏插入圖片描述
執行成功後結果,在mysql中會新增一個codepush數據庫,如下圖
在這裏插入圖片描述
說明:–dbhost 爲MySQL數據庫的ip地址(127.0.0.1表示本地)、-dbuser爲本地MySQL服務數據庫的登錄用戶名、–dbpassword爲數據庫密碼

三、配置項目config文件

1.配置項目config文件
在這裏插入圖片描述
cd到config目錄下,執行vim命令來編輯config.js文件

vim config.js 

在這裏插入圖片描述
a.數據庫部分db,填寫本地數據庫相關信息,如登錄賬號、密碼、端口號、IP地址
在這裏插入圖片描述
b.文件管理部分
<1>需先在服務器上創建兩個空文件夾storage、data,用來存放發佈時的項目版本.
在這裏插入圖片描述
說明:此文件夾不必刻意放在code-push-server項目目錄與RN項目目錄下。
<2>在local>storageDir下添加storage文件夾位置地址
<3>在local>downloadUrl下添加服務器下載地址:http://ip地址:3000/download(注意:此處的ip地址爲外網能訪問的地址,供app可以直接訪問下載更新包的地址,而非localhost或127.0.0.1)
<4>在common>dataDir下添加data文件夾位置地址
注意:此3處地址配置爲更新文件存放本地操作,此時common>storageType:“local”
在這裏插入圖片描述
在這裏插入圖片描述

四、啓動code-push-server服務

1.在控制檯,項目根目錄下執行

nohup node ./bin/www & 

說明:
<1>執行後,並按鍵盤任意鍵,進行確定。最後按exit來退出服務器連接。以此來保證服務是一直啓動,且正常使用的。
<2>此處執行的是nohup node ./bin/www & 命令,而非node ./bin/www。因爲需要將該服務一直啓動着,所以需要用nohup。
b.執行查看命令:

ps aux|grep node 

在這裏插入圖片描述
如圖,則表示服務已啓動。

2.打開瀏覽器,訪問項目網頁地址:http://您的外網ip:3000
在這裏插入圖片描述
至此,code-push server服務搭建成功!

第三部分:修改服務啓動端口

在部署時,若3000端口號被佔用,無法啓動時,通過修改 ./bin/www文件裏的配置來更改啓動端口。如圖:
在這裏插入圖片描述
在這裏插入圖片描述結果啓動後如圖:
在這裏插入圖片描述

系列文章:
RN項目集成react-native-code-push(一)-- Linux搭建code-push-server服務器
RN項目集成react-native-code-push(二)-- CodePush安裝環境與登錄
RN項目集成react-native-code-push(三)-- Code-Push常用管理命令
RN項目集成react-native-code-push(四)-- ReactNative項目集成react-native-code-push

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章