---
title: 使用虛擬機，進行網站開發環境建置
tags: Django, python, Virtual Machine
---

# **使用虛擬機，進行網站開發環境建置**

> [TOC]
>

> Reference Website:
> 1. [Django 網站開發](https://hackmd.io/kwk4rdTjQli6qHObtpn68g)
> 2. [Begin with Django](https://hackmd.io/OdqW5TvaRf6JEHeJxxveAw)
---

## **什麼是虛擬機（Virtual Machine）？**
* 一台建立在現有作業系統之上的另外一個作業系統。
* 可看作另一台獨立的電腦。

## **在 Windows 建立 Linux 虛擬機**
* [下載 Ubuntu 作業系統](https://www.ubuntu-tw.org/modules/tinyd0/)

### (方法一) VMware Workstation Player
* [下載 VMware Workstation Player](https://my.vmware.com/web/vmware/downloads)
1. Create a New Virtual Machine
2. Installer disc image file(iso)
3. next...
4. Finish !

### (方法二) VirtualBox
* [下載 VirtualBox](https://www.virtualbox.org/)：主程式
* [下載 Extension Pack](https://www.virtualbox.org/wiki/Downloads)：擴充集，產生較好的桌面顯示環境
1. 「新增(N)」
2. 下一步 ...
3. 「啟動(T)」

## 開啟 Ubuntu 虛擬環境中的終端機，取得IP位址
* 更新或升級系統資訊

$ sudo apt-get update
$ sudo apt-get -y upgrade

* 安裝 Python 的套件管理工具 pip

$ sudo apt-get -y install python3-pip

* 安裝虛擬環境套件 virtualenv

$ sudo pip3 install virtualenv

* 查看虛擬機的 IP 位址
:::warning
* VirtualBox 調整網路設定：
* 設定(S) -> 網路 -> 橋接介面卡
* [VirtualBox 網路卡種類](https://zwindr.blogspot.com/2016/11/tool-virtualbox.html)
* [橋接網路，讓 VM 與 host 在同一虛擬網段並可連外，互相存取彼此服務。](https://blog.camel2243.com/2016/09/29/virtualbox-%E6%A9%8B%E6%8E%A5%E7%B6%B2%E8%B7%AF%EF%BC%8C%E8%AE%93-vm-%E8%88%87-host-%E5%9C%A8%E5%90%8C%E4%B8%80%E8%99%9B%E6%93%AC%E7%B6%B2%E6%AE%B5%E4%B8%A6%E5%8F%AF%E9%80%A3%E5%A4%96%EF%BC%8C/)
:::

$ ip a
或是
$ ifconfig

## 設定 SSH、PuTTY
* 在虛擬環境中
* 安裝 OpenSSH 伺服器：讓外界電腦可以連線到虛擬環境。

    $ sudo apt-get -y install openssh-server

* 安裝 FTP 伺服器：讓外界電腦可以使用 FTP 上傳和下載虛擬環境上的資料。

    $ sudo apt-get -y install vsftpd

* 在原本環境中
* [下載 putty.exe](https://www.chiark.greenend.org.uk/~sgtatham/putty/latest.html)，直接執行即可：透過 SSH 連線到虛擬環境。
* 操作介面，即為虛擬環境中的終端機。
* 填寫 Host Name (or IP address)

## 設定 Notepad++ 的 FTP 外掛
* 在原本環境中
* [安裝 Notepad++ 程式編輯器](https://notepad-plus-plus.org/download/v7.6.3.html)
* 加裝 FTP 外掛 (NppFTP)：為了上傳和下載虛擬環境上的資料。
1. 外掛 ( P ) -> 外掛模組管理 -> NppFTP安裝
2. 外掛 ( P ) -> NppFTP -> 勾選 Show NppFTP Window
3. Settings -> Profile settings -> Add new -> 填寫 Hostname、Username、Password
* 在虛擬環境中，給予"寫"的權限

        $ cd /etc/
        $ sudo apt install vim
        $ sudo chmod 777 vsftpd.conf
        $ vim vsftpd.conf
        
        write_enable=YES
        :wq
        
        重新啟動虛擬機

* 日後，虛擬環境開啟後【最小化】即可，只需使用 PuTTY、NppFTP 進行操作。