linux中創建圖片服務器減輕傳統服務器的壓力

 

1.1.   傳統項目中的圖片管理

傳統項目中，可以在web項目中添加一個文件夾，來存放上傳的圖片。例如在工程的根目錄WebRoot下創建一個images文件夾。把圖片存放在此文件夾中就可以直接使用在工程中引用。

優點：引用方便，便於管理

缺點：

1、如果是分布式環境圖片引用會出現問題。

2、圖片的下載會給服務器增加額外的壓力。

傳統圖片管理方式在分布式環境中的問題：

1.2.   分布式環境的圖片管理

分布式環境一般都有一個專門的圖片服務器存放圖片。

專門保存圖片，不管是哪個服務器接收到圖片，都把圖片上傳到圖片服務器。

圖片服務器上需要安裝一個http服務器，可以使用tomcat、nginx

我們使用虛擬機搭建一個專門的服務器來存放圖片。在此服務器上安裝一個nginx來提供http服務，安裝一個ftp服務器來提供圖片上傳服務。

1.3.   搭建圖片服務器

第一步：安裝vsftpd提供ftp服務（注意跟xftp不同，協議與端口都不同）

第二步：安裝nginx提供http服務

(這兩步請參見這兩個文檔http://files.cnblogs.com/files/xujingyang/Linux%E4%B8%8Bnginx%E5%92%8Cvsftpd%E5%AE%89%E8%A3%85%E6%89%8B%E5%86%8C.zip)

 

1.4.   測試圖片服務器

　　1.      ftp服務測試。

　　　　a）使用ftp客戶端

　　

 

b）使用java程序

ftp可以需要依賴commons-net-3.3.jar包。

package cn.xjy.test ;

import java.io.File ;
import java.io.FileInputStream ;
import org.apache.commons.net.ftp.FTP ;
import org.apache.commons.net.ftp.FTPClient ;
import org.junit.Test ;

public class TestFTP {
    
    @Test
    public void testFtp() throws Exception {
        FTPClient ftpClient = new FTPClient() ;
        ftpClient.connect("192.168.48.130") ;
        ftpClient.login("ftpuser", "ftpuser");
        FileInputStream inputStream=new FileInputStream(new File("src/test/resources/test.txt"));
        
        ftpClient.setFileType(FTP.BINARY_FILE_TYPE);
        ftpClient.storeFile("test.txt", inputStream);
        inputStream.close();
        ftpClient.logout();
    }
}

 

　　　　

2.      ftp服務測試

　　a)         瀏覽器測試 (火狐)

 

 

 

 

 

 

 

1.5.   SpringMVC中實現圖片上傳

上傳思路：

第一步：

導入common-fileupload的依賴

<!-- 文件上傳組件 -->
        <dependency>
            <groupId>commons-fileupload</groupId>,
            <artifactId>commons-fileupload</artifactId>
        </dependency>

 

　　　　

第二步：

在SpringMVC配置文件中添加文件上傳解析器

<!-- 定義文件上傳解析器 -->
    <bean id="multipartResolver"
        class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
        <!-- 設定默認編碼 -->
        <property name="defaultEncoding" value="UTF-8"></property>
        <!-- 設定文件上傳的最大值5MB，5*1024*1024 -->
        <property name="maxUploadSize" value="5242880"></property>
    </bean>

 

1.6.   Service實現

1.    獲取資源配置文件的內容

第一步：

創建資源配置文件

#FTP地址
#FTP端口
FTP_ADDRESS=192.168.31.134
FTP_PORT=21
FTP_USERNAME=ftpuser
FTP_PASSWORD=ftpuser
FTP_BASE_PATH=/home/ftpuser/www
#顯示圖片使用的url
IMAGE_BASE_URL=http://192.168.31.134

#rpc協議使用的url
RPC_BASE_URL=http://127.0.0.1:8080/rpc
RPC_CONTENT_SYNC_URL=/cache/sync/content/

 

第二步：

在Spring（applicationContext-dao.xml）容器中加載資源文件

2.    圖片名生成策略

　　時間+隨機數：

　　　　

package cn.xjy.utils ;

import java.util.Random ;

public class NameUtil {
    
    /**
     * 圖片名生成
     */
    public static String genImageName() {
        // 取當前時間的長整形值包含毫秒
        long millis = System.currentTimeMillis() ;
        // long millis = System.nanoTime();
        // 加上三位隨機數
        Random random = new Random() ;
        int end3 = random.nextInt(999) ;
        // 如果不足三位前面補0
        String str = millis + String.format("%03d", end3) ;
        
        return str ;
    }
    
}

 

　　　　或者使用uuid　　　　

3.    Service實現　　　　

package cn.xjy.service ;

import java.util.Date ;
import org.springframework.beans.factory.annotation.Value ;
import org.springframework.stereotype.Service ;
import org.springframework.web.multipart.MultipartFile ;
import cn.xjy.bean.PictureResult ;
import cn.xjy.utils.FtpUtil ;
import cn.xjy.utils.NameUtil ;

@Service
public class PictureServiceImpl implements PictureService {
    
    @Value("${IMAGE_BASE_URL}")
    private String    IMAGE_BASE_URL ;
    @Value("${FTP_BASE_PATH}")
    private String    FTP_BASE_PATH ;
    @Value("${FTP_ADDRESS}")
    private String    FTP_ADDRESS ;
    @Value("${FTP_PORT}")
    private Integer    FTP_PORT ;
    @Value("${FTP_USERNAME}")
    private String    FTP_USERNAME ;
    @Value("${FTP_PASSWORD}")
    private String    FTP_PASSWORD ;
    
    @Override
    public PictureResult uploadFile(MultipartFile uploadFile) {
        // 上傳文件功能實現
        String path ;
        try {
            path = savePicture(uploadFile) ;
            // 數據回顯
            return new PictureResult(0, IMAGE_BASE_URL + path) ;
        } catch (Exception e) {
            e.printStackTrace() ;
        }
        return null ;
    }
    
    @Override
    public String savePicture(MultipartFile uploadFile) throws Exception {
        System.out.println("uploadFile"+uploadFile) ;
        // 判斷文件是否為空,如果為空則返回
        if (uploadFile.isEmpty()) { return null ; }
        
        // 設置文件上傳的目錄,以日期為單位,提高訪問速度
        String filePath = "/" + new Date().getYear() + "/" + new Date().getMonth() + "/"
                + new Date().getDay() ;
        System.out.println("filePath"+filePath) ;
        // 獲取原始文件名
        String originalFilename = uploadFile.getOriginalFilename() ;
        System.out.println("originalFilename:"+originalFilename) ;
        // 生成新文件名
        String newFileName = NameUtil.genImageName()
                + originalFilename.substring(originalFilename.lastIndexOf(".")) ;
        System.out.println("newFileName"+newFileName) ;
        // 上傳文件
        boolean b = FtpUtil.uploadFile(FTP_ADDRESS, FTP_PORT, FTP_USERNAME, FTP_PASSWORD,
                FTP_BASE_PATH, filePath, newFileName, uploadFile.getInputStream())  ;
        System.out.println("上傳結果:"+b) ;
        
        System.out.println("res"+filePath + "/" + newFileName) ;

        return filePath + "/" + newFileName ;
        
    }
}

 

 　　

4.   Controller實現　　　　

package cn.xjy.controller ;

import org.springframework.beans.factory.annotation.Autowired ;
import org.springframework.stereotype.Controller ;
import org.springframework.web.bind.annotation.RequestMapping ;
import org.springframework.web.bind.annotation.ResponseBody ;
import org.springframework.web.multipart.MultipartFile ;
import cn.xjy.bean.PictureResult ;
import cn.xjy.service.PictureService ;

@Controller
@RequestMapping("/pic")
public class PictureController {
    
    @Autowired
    PictureService    pictureService ;
    
    @RequestMapping("/upload")
    public @ResponseBody PictureResult upload(MultipartFile uploadFile) {
        // 上傳圖片
        PictureResult result = pictureService.uploadFile(uploadFile) ;
        return result ;
    }
}

 

 

 Nginx找不到圖片問題:（原因：沒有加’user root;’配置,解決:在/usr/local/nginx/conf/nginx.conf 的首行加上 user root;）　步驟如下：　　　

 

　　　　　　　　

 

　　　　

vi /usr/local/nginx/conf/nginx.conf

修改/usr/local/nginx/conf/nginx.conf 文件配置后，service nginx restart

 　　　　      

 

 

注意：nginx.config中要配置root的指向為ftp的家目錄

　　　　vim /usr/local/nginx/conf/nginx.conf