【技術方案分享】華為云OBS&RDS開發實戰-java版（下篇）

1? 實驗目的

使用IDEA、Vscode開發工具，基于springboot、VUE.js框架開發和測試單元編寫

能夠集成 OBS-Java-SDK 和 RDS for MySQL 進行業務開發

了解用戶鑒權、用戶信息查詢以及用戶數據更新等業務實現邏輯

2? 項目實戰要求

在華為云上創建OBS桶 和 RDS for MySQL 并初始化數據庫

IDEA工具導入Springboot項目，集成 OBS SDK 和數據庫RDS開發環境

查看華為云官方SDK文檔，實現“OBSservice”類中 uploadOneFile 和 deleOneFile 方法

能夠編寫junit測試類，實現接口數據測試

使用VScode工具加載前端代碼，輸入用戶名密碼后，查看profile 圖片，并修改圖片

3? 實戰項目介紹

本實踐是一個前后端分離的項目，通過集成華為云OBS Java SDK 和華為云RDS數據庫，實現用戶中心個人圖片上傳、更新功能。

3.1? 業務流程圖

3.2? 部署架構圖

3.3? 項目實戰技術棧

本項目是一個前后端分離項目，涉及：

開發工具：后端開發工具 IntelliJ IDEA 、前端開發工具 VScode

開發技術棧：springboot 、vue.js 、jwt、mybatis-plus、OBS Java-SDK

應用部署技術棧：ECS、EIP 、 RDS（MySQL）、OBS、華為云CodeHub

運維技術棧：云日志服務 LTS

4? 前置條件

已注冊華為云賬號，完成實名認證，同時賬號不能處于欠費或凍結狀態；

賬戶需有足夠的余額或代金券；

工具安裝：安裝好IDEA以及VScode。

獲取源代碼：gitee上獲取（https://gitee.com/HuaweiCloudDeveloper/dtse-practice）

5? 前端服務調試

5.1? 項目導入以及參數配置

點擊??前端代碼獲取

下載插件 npm install

修改后端服務配置，修改文件 /project/vue.conf.js

let proxyObj = {} proxyObj['/'] = { //websocket ws:false, //目標地址 target:'http://IP:9090', //后端服務地址 //發送請求頭中host會設置成target changeOrigin:true, //不重寫請求地址 pathRewrite:{ '^/':'/' } } module.exports = { devServer:{ host:'localhost', port:8080, proxy:proxyObj } }

修改后端文件上傳接口配置，修改文件 /project/src/views/profile.vue

點擊上傳

• {{ userInfo.username }}

5.2? 項目打包

VScode執行命令 npm run build

打包成功

5.3? 項目部署

靜態資源包上傳

安裝 nginx 并進行配置

user root; worker_processes auto; error_log /var/log/nginx/error.log; pid /run/nginx.pid; # Load dynamic modules. See /usr/share/doc/nginx/README.dynamic. 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 4096; include /etc/nginx/mime.types; default_type application/octet-stream; # Load modular configuration files from the /etc/nginx/conf.d directory. # See http://nginx.org/en/docs/ngx_core_module.html#include # for more information. include /etc/nginx/conf.d/*.conf; server { listen 8080; //前端訪問端口 listen [::]:8080; server_name _; root /usr/share/nginx/html; # Load configuration files for the default server block. include /etc/nginx/default.d/*.conf; location / { //前端靜態資源配置 root /root/dist; index index.html; } location /login { //后端路由配置 proxy_pass http://localhost:9090; } location /profile { //后端路由配置 proxy_pass http://localhost:9090; } error_page 404 /404.html; location = /404.html { } error_page 500 502 503 504 /50x.html; location = /50x.html { } }

6? LTS日志接入

6.1? 配置LTS

登錄華為云，進入控制臺，進入LTS管理界面，進入“日志接入”模塊，點擊“接入日志”按鈕選擇主機接入，進入配置界面。

LTS-step1 選擇日志組以及日志流 (若不存在主機組以及日志流，點擊新建即可)

LTS-step2 新建主機組，主機安裝 ICagent 后選擇主機并進行下一步

LTS-step3 日志采集配置，當前采集nginx 日志為例，配置完成點擊提交即可

參考：https://support.huaweicloud.com/usermanual-lts/lts_04_1031.html

6.2? LTS 日志查看

控制臺進入日志管理界面，點擊對應的日志組以及日志流查看原始日志以及實時日志。

6.3? LTS日志轉儲

控制臺進入日志轉儲界面，選擇轉儲對象后點擊配置轉儲

參考：https://support.huaweicloud.com/usermanual-lts/lts_04_0041.html

查看轉儲

相關文章：

【技術方案分享】華為云OBS&RDS開發實戰-java版（上篇）

【技術方案分享】華為云OBS&RDS開發實戰-java版（中篇）

IDE Java 對象存儲服務 OBS

版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。