環(huán)境的配置

本文介紹了技術(shù)需求與環(huán)境的配置，具體的開發(fā)將在“微信小程序——圖片內(nèi)容分析（下）”中詳細(xì)說明。

---

目標(biāo)

目標(biāo)是制作一個(gè)能在手機(jī)上運(yùn)行的夠識(shí)別圖片內(nèi)容的程序。這樣就需要幾個(gè)必要的模塊：

1）前端

可以選擇的有APP，HTML5，微信小程序。
最近小程序比較火，想要試試手，因此選擇了“微信小程序”作為前端展示。微信小程序上傳的圖片需要后端分析，因此需要一個(gè)后端服務(wù)器接收。

2）后端

既然是純學(xué)習(xí)，最近寫python又比較順手，因此打算采用python框架，通過查詢資料，發(fā)現(xiàn)了Django，F(xiàn)lask，webpy等框架。Django最為成熟，其他的框架也有優(yōu)點(diǎn)但是都沒試過，怕遇到坑。因此選用了Django作為后端框架。
后端框架選定后就需要服務(wù)器框架了，在網(wǎng)上發(fā)現(xiàn)都推薦Nginx + uWsgi + Django作為整體開發(fā)。

3）識(shí)別模塊

識(shí)別模塊這個(gè)涉及到近幾年都比較火的深度學(xué)習(xí)，我本來打算自己訓(xùn)練一個(gè)專門識(shí)別某些類型的模型，但是前提需要收集很多訓(xùn)練集，因此打消了念頭，后來發(fā)現(xiàn)Google提供識(shí)別API。雖然i提供的API只能分大類，但是只是嘗試一下也足夠了。

---

小程序頁面

小程序的開發(fā)環(huán)境的搭建就不介紹了，網(wǎng)上很多資料，官方簡易教程也說得很詳細(xì)。這里只提幾點(diǎn)需要注意的地方。

1）微信小程序通信協(xié)議HTTPS

微信小程序需要通過HTTPS協(xié)議和后端通信，并且HTTPS需要第三方認(rèn)證，而不能自己隨意生成一個(gè)就行。這里我在騰訊云購買了一個(gè)域名并且免費(fèi)申請(qǐng)的DV ssl證書。

2）圖片上傳的大小

圖片上傳的大小需要注意，因?yàn)镹ginx默認(rèn)限制為2M（可以修改），如果上傳圖片的大小超過2M則，返回碼為413。

3）微信小程序界面控件

我的微信小程序只用了三種控件：

1. img類型展示圖片；
2. button類型交互點(diǎn)擊上傳；
3. 通過微信小程序API調(diào)用modal框展示結(jié)果。
   

   

---

后端配置

后端服務(wù)器是谷歌云主機(jī)，地點(diǎn)選擇的是Asia（亞洲） b，Ping值50ms左右，系統(tǒng)選用的Ubuntu 16.04，還挺不錯(cuò)。我使用的版本分別是Nginx 1.10.0，uWsgi 2.0.15，Django 1.10.6，python環(huán)境3.5.2。
由于每一步設(shè)置完成之后都需要檢查是否正確，這會(huì)影響到下一步的測(cè)試結(jié)果，因此我以Django，uWsgi，Nginx的順序進(jìn)行介紹。
（提醒：注意檢查自帶防火墻是否有攔截規(guī)則，或者云服務(wù)器設(shè)置中端口是否開放，這個(gè)需要到對(duì)應(yīng)云服務(wù)器提供的網(wǎng)頁控制臺(tái)上設(shè)置。）

1）Django框架

安裝參見Django菜鳥教程具體就不詳細(xì)說明了，這里要注意下，我使用的是python3.5.2因此在安裝的時(shí)候使用pip3安裝，而不是pip2。安裝配置完成后進(jìn)入項(xiàng)目目錄然后執(zhí)行
$python3 manage.py runserver 0.0.0.0:8000
然后通過服務(wù)器ip:8000訪問，測(cè)試安裝配置是否ok。

2）uWsgi安裝

我的uWsgi通過pip3安裝（pip3 install uwsgi）會(huì)自動(dòng)安裝在pypi發(fā)布的最新版本。uWsgi配置較為簡單，我的配置文件uWsgi.ini詳情如下。如需詳細(xì)了解可以參見uWsgi docs。

[uwsgi]
http-socket = :8001  # 訪問端口號(hào)
chdir = /my_project/  # django創(chuàng)建項(xiàng)目的絕對(duì)路徑
wsgi-file = my_project/wsgi.py  # django中wsgi.py的相對(duì)路徑（相對(duì)于/my_project/）
master = true  # 是否設(shè)置主進(jìn)程
processes = 4  # 處理進(jìn)程數(shù)量
threads = 2  # 線程數(shù)量
daemonize = /logs/uwsgi.log  # 日志路徑
pidfile = /uwsgi.pid  # pid文件，用于管理uWsgi的關(guān)閉或者reload

配置完成后，通過命令uwsgi --ini uWsgi.ini啟動(dòng)服務(wù)器。
然后通過服務(wù)器ip:8001訪問，測(cè)試安裝配置是否ok，如不成功可以查看日志記錄檢查問題。

3）Nginx配置

cNginx一般作為最外層的服務(wù)器，以提供反向代理（即將客戶端對(duì)Nginx的請(qǐng)求再轉(zhuǎn)發(fā)到更內(nèi)部的服務(wù)器）和靜態(tài)路由服務(wù)。
Nginx配置項(xiàng)比較多，如果想要詳細(xì)了解各項(xiàng)配置的含義建議查看Nginx中文手冊(cè)，或者Nginx docs。這里只是簡單介紹本服務(wù)器的配置項(xiàng)。
Nginx一般通過apt安裝（命令如:apt-get install nginx），配置文件在目錄/etc/nginx/中，名為nginx.conf，這里不要對(duì)其的配置項(xiàng)進(jìn)行修改，因?yàn)閚ginx.conf配置文件中http塊中包含 "include /etc/nginx/conf.d/*.conf;"這樣一行，加載/etc/nginx/conf.d/目錄下所有以.conf結(jié)尾的配置文件，所以我們只需要在它指向的目錄下新建一個(gè)自己的配置塊，然后進(jìn)行配置。
我在/etc/nginx/conf.d/目錄下新建了一個(gè)名為https.conf的配置文件。

server {
  listen  443;
  server_name mysite;  #這里填域名
  ssl on;  #https模式必須開啟
  ssl_certificate my.crt;  #這里是證書
  ssl_certificate_key my.key;  #證書所帶的密鑰（注意都是絕對(duì)路徑）
  #charset utf-8;
  access_log  /www/logs/https.access.log;
  error_log /www/logs/https.error.log;
  location / {
    uwsgi_pass    unix:///www/socket.sock;  #這里是用的        unix通信的模式，這個(gè)模式在我的測(cè)試中比端口通信更快。
    include       uwsgi_params;  #必填
}

配置完成后$:nginx 啟動(dòng)nginx，如果已經(jīng)啟動(dòng)則$:nginx -s reload 重載配置。
嘗試訪問443端口是否設(shè)置成功。
然后通過服務(wù)器https://ip訪問，測(cè)試安裝配置是否ok。

---

Google vision API

谷歌API的調(diào)用需要將在谷歌云上注冊(cè)（自備梯子）并且綁定VISA等類型的行用卡（國內(nèi)的不行），這里不細(xì)說了。
注冊(cè)完成之后，開啟你需要的API，我這里開啟的是Google Cloud APIs。開啟API后，在使用python調(diào)用時(shí)還需要得到授權(quán)（這里授權(quán)指的是授權(quán)你運(yùn)行代碼的服務(wù)器），我通過以下方式得到授權(quán)。
然后在谷歌虛擬服務(wù)器上安裝Google Cloud SDK（如果是谷歌虛擬機(jī)好像不需要安裝？？這里忘了），然后執(zhí)行$:gcloud auth application-default login，這里會(huì)獲得鏈接，通過瀏覽器打開，綁定自己的谷歌云賬號(hào)，然后就獲得了授權(quán)。

---

總結(jié)

這里就把環(huán)境的搭建介紹完畢了，下一篇中將介紹開發(fā)過程。