RAP2 前後端開發利器搭建

rap2 是乙個api管理系統，前後端協作開發的利器。

web介面管理工具，開源免費，介面自動化，mock資料自動生成，自動化測試，企業級管理。

有乙份一鍵搭建的docker-compose.yml，但是已經是比較老的前端了，具體可以檢視

我這裡把他的docker-compose.yml貼出來

version: '2.2' services: delos: container_name: rap2-delos image: taomaree/rap2:1.0.6 environment: - mysql_url=rap2-mysql - mysql_port=3306 - mysql_username=rap2 - mysql_passwd=rap2delos - redis_url=rap2-redis - redis_port=6379 - node_env=production volumes: - "/srv/rap2-mysql/mysql-backup:/backup" ports: - "38080:80" # expose 38080 links: - redis - mysql depends_on: - redis - mysql redis: container_name: rap2-redis image: redis:4.0 mysql: container_name: rap2-mysql image: mysql:8.0 #ports: # - 33306:3306 volumes: - "/srv/rap2-mysql/mysql-data:/var/lib/mysql" command: mysqld --character-set-server=utf8mb4 --collation-server=utf8mb4_unicode_ci --init-connect='set names utf8mb4;' --default-authentication-plugin=mysql_native_password --innodb-flush-log-at-trx-commit=0 environment: - mysql_allow_empty_password=yes - mysql_user=rap2 - mysql_password=rap2delos rap2-init: container_name: rap2-init image: taomaree/rap2:1.0.6 environment: - mysql_url=rap2-mysql - mysql_port=3306 - mysql_username=rap2 - mysql_passwd=rap2delos - redis_url=rap2-redis - redis_port=6379 - node_env=production #command: 'mysql -h$ -u$ -p$ -e "select * from $.users;" || npm run create-db' command: ["bash", "-c", "sleep 30 && mysql -h$$ -u$$ -p$$ -e \"select * from $$.users;\" || node dist/scripts/init"] links: - redis - mysql depends_on: - redis - mysql

注意一下資料掛載目錄就行了。然後訪問38080埠就ok了

但是我想要最新的前端。

這個搭建是稍微有點複雜的

啟動後端

使用官方貼出的docker-compose.yml

mkdir rap2 cd rap2 wget -c sudo docker-compose up -d

docker起來後，預設是監聽38080埠，你可以按照自己的喜好編輯docker-compose.yml，並且這個是允許跨域的，跨域規則比較松，allow-origin是*，所以你可以把前端部署在任何地方，不過我習慣部署在同乙個網域名稱下。

部署前端

git clone

然後修改前端的配置，這一步是為了與後端對接

我是打算把整個服務部署在 mock.test.com 網域名稱下，然後作為介面的根url（這裡需要靠nginx來重寫）

那麼我們需要修改前端的配置檔案

進入我們剛才clone下來的目錄 rap2-dolores/src/config下，修改 config.prod.ts 檔案

只需要修改 serve 欄位的值即可。

然後編譯前端，這裡我使用**的源

cd rap2-dolores npm install --registry= npm run build

編譯完成後，rap2-dolores 目錄下會出現乙個名字為 build 或者 dist 的資料夾，把這個資料夾放到你剛才放docker-compose.yml的目錄下（為了以後遷移方便，可以放在任意位置，只需要修改對應的nginx配置即可）

這裡我假定編譯出來的是 build 資料夾，放置到docker-compose.yml所在的目錄

那麼現在你的目錄結構應該是這樣

lab@lab-desktop:~/dockers/rap2$ pwd /home/lab/dockers/rap2 lab@lab-desktop:~/dockers/rap2$ tree -l 1 .├── docker-compose.yml ├── build └── docker 2 directories, 1 file

然後新建nginx配置檔案

sudo vim /etc/nginx/sites-enabled/mock.test.com.conf

寫入以下內容

server 
location / 
}

然後重啟一下nginx，訪問mock.test.com就可以了

這裡給出乙份比較詳盡的nginx配置教程

RAP2 前後端開發利器搭建

rap2前後端部署

手動搭建乙個RAP2

Docker搭建Rap2介面文件

RAP2 前後端開發利器搭建

rap2前後端部署

手動搭建乙個RAP2

Docker搭建Rap2介面文件

相關推薦