js阿里雲上傳
『壹』 如何在阿里雲伺服器上搭建nodejs
到小鳥雲購買雲伺服器 作為一個窮逼+不熟悉伺服器配置的菜鳥。選了最便宜的套餐： CPU： 1核 / 內存： 1024 MB / 帶寬：1Mbps / 操作系統： CentOS 7.0 購買環節會設置 ssh 登陸密碼，記下密碼。 登陸到小鳥雲，查看購買的實例。 注意公網 IP，下一步會用到
2. 登陸伺服器 sudo ssh 你的伺服器ip地址
提示輸入mac的密碼，提示輸入伺服器密碼。 輸入後連接成功並顯示伺服器信息，如下：
登陸伺服器後。這里對於我這個 linux 菜鳥有個大坑………就是 Linux 系統常見的目錄結構和文件放置區域。 使用 root 用戶身份登陸後，會直接進入到下圖 紅色箭頭標出的 root 目錄下。先 cd .. 跳轉到上一層, 再 ls -a ，就可以看到類似下圖的目錄結構了。
3.安裝 node 和 mongodb
node – 編譯後二進制文件應在/usr/local/bin/node 下 mongodb –安裝在/usr/local/mongodb 下
下面就一步一步來，首先升級CentOS
yum -y update1
升級後，跳轉到 /usr/local/src , 這個文件夾通常用來存放軟體源代碼
cd /usr/local/src1
下載 nodejs 代碼，也可以使用scp命令直接上傳，因為下載實在太慢了。
wget http://nodejs.org/dist/v0.12.5/node-v0.12.5.tar.gz//注*根據最新版本號為准12
解壓
tar -xzvf node-v0.12.5.tar.gz1
進入解壓後的文件夾
cd node-v0.12.51
執行配置腳本來進行編譯預處理
./configure1
編譯源代碼
make//注*這個時間可能會很久12
當編譯完成後，需要使之在系統范圍內可用, 編譯後的二進制文件將被放置到系統路徑，默認情況下，Node二進制文件應該放在/user/local/bin/node文件夾下
make install1
安裝 express 和 forever，這兩個模塊都推薦 global 安裝
npm -g install express forever1
建立超級鏈接, 不然 sudo node 時會報 「command not found」
sudo ln -s /usr/local/bin/node /usr/bin/nodesudo ln -s /usr/local/lib/node /usr/lib/nodesudo ln -s /usr/local/bin/npm /usr/bin/npmsudo ln -s /usr/local/bin/node-waf /usr/bin/node-wafsudo ln -s /usr/local/bin/forever /usr/bin/forever12345
Nodejs到這里就基本安裝完成了。
下面來安裝mongodb
軟體安裝位置：/usr/local/mongodb 數據存放位置：/var/mongodb/data 日誌存放位置：/var/mongodb/logs
首先下載安裝包
cd /usr/localwget http://fastdl.mongodb.org/linux/mongodb-linux-x86_64-2.4.9.tgz12
解壓安裝包，重命名文件夾為mongodb
tar zxvf mongodb-linux-x86_64-2.6.0.tgzmv mongodb-linux-x86_64-2.6.0 mongodb12
創建數據和日誌存放目錄
mkdir /var/mongodbmkdir /var/mongodb/datamkdir /var/mongodb/logs123
打開rc.local文件，添加CentOS開機啟動項：
vim /etc/rc.d/rc.local1
將mongodb啟動命令追加到本文件中，讓mongodb開機自啟動：
/usr/local/mongodb/bin/mongod --dbpath=/var/mongodb/data --logpath /var/mongodb/logs/log.log -fork12
關閉 vim 後，直接手動啟動mongodb
/usr/local/mongodb/bin/mongod --dbpath=/var/mongodb/data --logpath /var/mongodb/logs/log.log -fork12
看到類似的信息，說明已啟動成功。我在這里發了個傻，以為26308是port號，導致後面設置port時折騰了好久。其實這里的 forked process 和 port 號是兩個東西， 這個是程序本身在Server上的進程。
forked process: 263081
啟動mongo shell
cd /usr/local/mongodb/bin/./mongo12
在 mongo shell 中創建管理員及資料庫
use admin //admin 資料庫db.createUser({user: "用戶名",pwd:"登陸密碼",roles:["userAdminAnyDatabase"] //超級管理員})use databaseFoo //nodeapp 要連接的資料庫db.createUser({user: "用戶名",pwd:"登陸密碼",roles:["readWrite"] //讀寫許可權})12345678910111213
到這里 mongodb 基本已經安裝設置完成了。具體數據的遷移導入可自行研究。
4.配置及啟動node app
我們把 nodeapp 的程序放在 /home 下
『貳』 vuejs怎麼部署到阿里雲linux
這個問題可以用代理對你的項目進行長期的維護。
我現在在用的就是pm2，你可以先安裝他，然後去pm2 start XXX(項目名)
之後你關掉了ssh也是可以跑起來的。
『叄』 javascript 上傳文件到阿里雲的oss，上傳文件成功後怎麼獲取文件的真實路徑
如果你直接使用 javascript 將阿里雲的accessId、accessKey寫在頁面上是不安全的，你可以使用後台存儲這些敏感的信息，官網有相關的SDK ，你可以選擇你常用的。
在後台編寫你的回調函數，將回調函數憑證信息返回給前端，前端使用回調函數憑證訪問OSS，就可以獲取到回調函數信息。
『肆』 vue--阿里雲視頻上傳
引入壓縮文件
定義一個對陪御象，並通過mixin混入組件
data如下
methods如下
鎮亂孝 fileChange
authUpload
御稿 createUploader
使用一個彈出層顯示上傳進度
將公共函數引入到組件
點擊確定時觸發上傳
『伍』 怎麼將本地文件傳到阿里雲伺服器裡面
步驟一：
在本地電腦上，快捷鍵「WIN+R"打開「運行」中輸入「mstsc」，點擊確定
步驟二：
在「遠程桌面連接」框點擊「顯示選項」展開
步驟三：
在展開的「遠程桌面連接」窗口，點擊「本地資源」
計算機中輸入阿里雲ECS雲伺服器的IP地址
步驟四：
點擊「詳細信息」
步驟五：
勾選要上傳阿里雲ECS雲伺服器的文件所在的本地磁碟，點擊確定
步驟六：
輸入用戶名和密碼後連接上阿里雲ECS雲伺服器，打開「我的電腦」，就可以看到勾選的本地磁碟映射的盤符
步驟七：
打開要上傳文件所在路徑，選擇要上傳的文件，復制後粘貼至阿里雲ECS雲伺服器磁碟路徑下，即可完成上傳
『陸』 怎樣往阿里雲伺服器傳文件
1、在本地電腦上，快捷鍵「WIN+R"在「運行」中輸入「MSTSC」，點擊確定。
『柒』 day06項目【整合阿里雲OSS和Excel導入分類】
為了解決海量數據存儲與彈性擴容，項目中我們採用雲存儲的解決方案- 阿里雲OSS。
1、開通「對象存儲OSS」服務
（1）申請阿里雲賬號
（2）實名認證
（3）開通「對象存儲OSS」服務
（4）進入管理控制台
2、創建Bucket
選擇：標准存儲、公共讀、不開通
3、上傳默認頭像
創建文件夾avatar，上傳默認的用戶頭像
1、在service模塊下創建子模塊service-oss
2、配置pom.xml
service-oss上級模塊service已經引入service的公共依賴，所以service-oss模塊只需引入阿里雲oss相關依賴即可，
service父模塊已經引入了service-base模塊，所以Swagger相關默認已經引入
3、配置application.properties
4、logback-spring.xml
5、創建啟動類
創建OssApplication.java
6、啟動項目
報錯 ：
spring boot 會默認載入org.springframework.boot.autoconfigure.jdbc.DataSourceAutoConfiguration這個類，
而DataSourceAutoConfiguration類使用了@Configuration註解向spring注入了dataSource bean，又因為項目（oss模塊）中並沒有關於dataSource相關的配置信息，所以當spring創建dataSource bean時因缺少相關的信息就會報錯。
即可成功：
1、從配置文件讀取常量
創建常量讀取工具類：ConstantPropertiesUtil.java
使用@Value讀取application.properties里的配置內容
用spring的 InitializingBean 的 afterPropertiesSet 來初始化配置信息，這個方法將在所有的屬性被初始化後調用。
2、文件上傳
創建Service介面：uploadFileAvatar.java
實現：OssServiceImpl.java
參考SDK中的：Java->上傳文件->簡單上傳->流式上傳->上傳文件流
3、控制層
創建controller：FileUploadController.java
4、重啟oss服務
5、Swagger中測試文件上傳
解決上傳文件覆蓋問題：
測試：
6、配置nginx反向代理
配置nginx實現請求轉發的功能：
驗證：
1、復制頭像上傳組件
從vue-element-admin復制組件：
vue-element-admin/src/components/ImageCropper
vue-element-admin/src/components/PanThumb
2、前端參考實現
src/views/components-demo/avatarUpload.vue
3、前端添加文件上傳組件
src/views/e/teacher/save.vue
template：
引入組件模塊：
4、設置默認頭像（也可不設置）
onfig/dev.env.js中添加阿里雲oss bucket地址
組件中初始化頭像默認地址
5、js腳本實現上傳和圖片回顯
二、測試文件上傳
前後端聯調
1、數據導入：減輕錄入工作量
2、數據導出：統計信息歸檔
3、數據傳輸：異構系統之間數據傳輸
1、EasyExcel特點
Java領域解析、生成Excel比較有名的框架有Apache poi、jxl等。但他們都存在一個嚴重的問題就是非常的耗內存。如果你的系統並發量不大的話可能還行，但是一旦並發上來後一定會OOM或者JVM頻繁的full gc。
EasyExcel是阿里巴巴開源的一個excel處理框架， 以使用簡單、節省內存著稱 。EasyExcel能大大減少佔用內存的主要原因是在解析Excel時沒有將文件數據一次性全部載入到內存中，而是從磁碟上一行行讀取數據，逐個解析。
EasyExcel採用一行一行的解析模式，並將一行的解析結果以觀察者的模式通知處理（AnalysisEventListener）。
1、創建一個普通的maven項目
項目名：excel-easydemo
2、pom中引入xml相關依賴
3、創建實體類
設置表頭和添加的數據欄位
4 、實現寫操作
TestEasyExcel.java
（1）創建方法循環設置要添加到Excel的數據
（2）實現最終的添加操作（寫法一）
（3）實現最終的添加操作（寫法二）
public static void main(String[] args) throws Exception {
// 寫法2，方法二需要手動關閉流
//實現excel寫的操作
//1 設置寫入文件夾地址和excel文件名稱
String filename = "F:\write.xlsx";
ExcelWriter excelWriter=EasyExcel.write(fileName,DemoData.class).build();
WriteSheet writeSheet=EasyExcel.writerSheet("寫入方法二").build();
excelWriter.write(data(),writeSheet);
/// 千萬別忘記finish 會幫忙關閉流
excelWriter.finish();
}
1、創建實體類
2、創建讀取操作的監聽器
3、調用實現最終的讀取
public class TestEasyExcel {
public static void main(String[] args) {
//實現excel讀操作
// 寫法1：
String filename = "F:\write.xlsx";
// 這里 需要指定讀用哪個class去讀，然後讀取第一個sheet 文件流會自動關閉
EasyExcel.read(filename,DemoData.class,new ExcelListener()).sheet().doRead();
// 寫法2：
InputStream in = new BufferedInputStream(new FileInputStream("F:\01.xlsx"));
ExcelReader excelReader = EasyExcel.read(in, DemoData.class, new ExcelListener()).build();
ReadSheet readSheet = EasyExcel.readSheet(0).build();
excelReader.read(readSheet);
// 這里千萬別忘記關閉，讀的時候會創建臨時文件，到時磁碟會崩的
excelReader.finish();
}
1、編輯Excel模板
2、將文件上傳至阿里雲OSS
1、添加路由
2、添加vue組件
1、js定義數據
2、template
3、js上傳方法
4、回調函數
1、service-e模塊配置依賴
1、ESubjectController
2、創建和Excel對應的實體類
3、ESubjectService
（1）介面
（2）實現類
4、創建讀取Excel監聽器
1、參考 views/tree/index.vue
2、創建api
api/e/subject.js
3、list.vue
1、創建vo
2、創建controller
『捌』 怎樣往阿里雲伺服器傳文件
有幾種辦法，您可以參考一下。
第一種：在阿里雲伺服器里建一個FTP服務商，在本地用FTP客戶端上傳文件。
第二種：進阿里雲伺服器遠程界面的時候，把本地磁碟帶進去，然後進伺服器里直接從本地磁碟里把文件復制到伺服器里。
第三種：QQ安裝到阿里雲伺服器里，用QQ對傳。
第四種：把本地文件上傳到郵箱里 ，然後進阿里雲伺服器里打開您的郵箱，進去下載文件即可。