微信小程序發佈流程詳解

因爲以前沒有內測資格，不少人學習小程序的開發，大都用的破解版，能夠解決網絡請求等問題。

不過要發佈，就須要申請真正的小程序帳號，拿到appId，才能在手機預覽、及提交審覈。下面咱們一塊兒來看下小程序的預覽和發佈流程。

本文假設讀者已經申請到了小程序的帳號，拿到了appId，而且也開發完了要上線的應用。

 

1、事前準備：Https（乾貨）

首先要說明的一點是，正式上線後的網絡請求的域名只能是申請時填寫的域名，並且必須是https的。

一看到https估計不少開發者就苦腦了：這玩意沒這麼容易搞到。

不過咱們有辦法，咱們有https://letsencrypt.org/，徹底免費可用的https，用go語言開發的，github地址：https://github.com/certbot/certbot。用它來生成證書，導入到nginx裏就能夠用了。github裏有它的使用方式，可能對於大部分讀者來講，仍是太複雜，爲了方便你們使用，我把它打包成docker鏡像了，經過：

sudo docker pull jsongo/certbot:latest

能夠把鏡像拉取下來，而後運行：

sudo docker run -it --rm -v /data/www:/data/www -v /etc/letsencrypt:/etc/letsencrypt jsongo/certbot certonly --webroot -w /data/www -d <yourdomain>.com

注意，把上面的<yourdomain>換成你的域名，/data/www都換成你的root路徑就能夠了。很是簡單，用docker一步就能夠搞定一個https證書。（若是讀者沒接觸過docker，能夠到網上搜索下如何安裝到相應的linux系統上，而後再執行pull操做及上面生成證書的操做）

接下去把上面生成的證書導入nginx，方法也很簡單，在相應的配置文件里加上：

listen 443 ssl;

ssl_certificate /etc/letsencrypt/live/<yourdomain>.com/cert.pem;

ssl_certificate_key /etc/letsencrypt/live/<yourdomain>.com/privkey.pem;

另外，用這個方法生成的https證書，也能夠用在本身的網站上，讓本身的網站更安全一些，關鍵是還不用錢。證書在大部分主流的瀏覽器上都測過沒問題，至少比國內的大部分證書靠譜（國內的很多https證書都被谷歌等公司的瀏覽器封鎖了）。加上這三個代碼就ok了，重啓nginx生效。

（這是做者本人探索的方法，有什麼法律問題做者概不負責。不過letsencrypt聲稱是開源的，大膽用）

 

2、預覽及調試

一、預覽

開發者開發完一個應用時，爲了查看有沒有問題，或想看看真實的體驗怎麼樣，都會選擇在手機上先預覽一下再發布。

如圖，選擇項目，再點擊預覽。若是你的appId沒問題的話，這裏就會先幫你打包上傳代碼，打包完以後的代碼很是小，咱們本例中的demo，只有20k左右。上傳完以後，會彈出一個二維碼。

只能用登陸這個開發工具的帳號掃描纔可能預覽。並且25分鐘過時。

前幾回掃描，因爲要加載一些資源文件，因此會出現一個界面：

而後進入主頁面，長這個樣子：

看起來跟網頁H5應用差異不大，主要仍是在體驗上（反應速度、流暢度等等）

二、調試

右上角「…」彈出來的菜單：

你們可能會注意到，它能夠直接在手機上調試，點擊「打開調試」能夠先看下它的效果，會有一個提示：

須要你從新掃碼進入。接着會有右下角顯示一個按鈕：

點擊它就能夠進入控制檯，以下：

有兩個主要的tab，一個記錄程序打出來的普通日誌，包含Info、Warn、Error等；另外一個是系統的信息：

這裏主要是查看系統及網絡相關的一些信息

開發者在調試的時候，打出來的日誌能夠在第一個tab上查看，之因此須要這個控制檯，可能仍是由於小程序不支持alert，調試時不方便看數據。

 

3、發佈

一、上傳

開發完以後，確認沒問題，就能夠點擊上圖中的「上傳」按鈕，上傳到微信後臺，這裏也只有管理員和開發者才能進行操做。能夠看到上傳的編譯包大小實際上是很小的，只有24k，這裏主要是沒有本地圖片的緣由，有圖片的話會大些。

 

二、提交前準備

登陸微信小程序的後臺，如圖：

上傳完以後，下一步就是提交審覈。

不過在這以前，須要咱們作幾個操做：

（1）補充小程序的基本信息，如名稱、圖標、描述等

（2）若是發佈者不是管理員，則必需要在這裏添加開發者，進行代碼上傳和發佈

（3）配置服務器域名，若是你的小程序用到了網絡請求，那麼這裏要先在「設置」-「開發設置」裏添加域名。

（4）提交審覈

小程序的基礎信息，如名稱、圖標等是這個帳號全局的信息。logo圖標一個月內可申請修改5次。而名稱一旦設置，就不能再修改了，並且不得與公衆平臺已有的訂閱號、服務號重複，這裏有詳細說明。

若是開發者本人就是管理員，則上面的第（2）步能夠忽略，由於管理員「自動擁有開發者的全部權限，無需重複綁定」。

一個郵箱帳號只能申請一個小程序，若是想開發多個小程序怎麼辦？平臺這裏有說明：除個體工商戶類型可認證5個小程序外，其餘類型一個主體可認證50個小程序。也就是說，若是你是企業主體，你能夠弄50個郵箱，申請50個帳號，開發50個小程序，並且每一個都必須認證才能發佈。

因此設置名稱要謹慎，一旦設置了一個，你就少了一次機會。

另外，對於服務器域名，再次強調一下，必定要配置https，不然你是沒辦法用api進行網絡數據請求的。

 

三、提交審覈

前面的準備工做作完後，點擊左側的「開發管理」菜單，就能夠看到以前咱們上傳的包：

點擊提交審覈，彈出二維碼：

掃碼經過以後，進入補充審覈信息的頁面：

這裏能夠綁定測試微信號，這個號最好是用戶不經常使用的帳號，由於微信的審覈人員要登陸你的這個帳號進行審覈。固然不提供這個測試帳號也沒事，這個功能感受有點雞肋。

下方區域要配置添加功能頁面：

這些功能頁面，主要是爲了方便用戶快速搜索到你的應用。能夠添加多個功能頁面，增長被搜索到的機率。

填寫完以後，提交審覈。

上圖，提交後會顯示「審覈中」，大概兩三個工做日會經過（這是做者的小程序審覈的時間，這個時間不必定，看具體狀況）。右邊有個「詳情」連接，點擊可查看版本詳情：

最後經過審覈時，就能夠看到以下界面：

這裏的「提交發布」按鈕還不能點，微信尚未開放上線的操做，因此目前也只能到這一步。等微信放開的時候，再提交發布就能夠了。

 

拉了個微信小程序開發交流羣：