本文前提是讀者已經(jīng)申請到了小程序的賬號，拿到了appId，并且也開發(fā)完了要上線的應(yīng)用的情況下小程序的預(yù)覽和發(fā)布流程。

一、事前準(zhǔn)備：Https（干貨）

首先要說明的一點(diǎn)是，正式上線后的網(wǎng)絡(luò)請求的域名只能是申請時(shí)填寫的域名，而且必須是https的。

一看到https估計(jì)很多開發(fā)者就苦腦了：這玩意沒這么容易搞到。

不過我們有辦法，我們有，完全免費(fèi)可用的https，用go語言開發(fā)的，github地址：。用它來生成證書，導(dǎo)入到nginx里就可以用了。github里有它的使用方式，可能對于大部分讀者來說，還是太復(fù)雜，為了方便大家使用，我把它打包成docker鏡像了，通過：

sudo docker pull jsongo/certbot:latest

可以把鏡像拉取下來，然后運(yùn)行：

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一步就可以搞定一個(gè)https證書。（如果讀者沒接觸過docker，可以到網(wǎng)上搜索下如何安裝到相應(yīng)的linux系統(tǒng)上，然后再執(zhí)行pull操作及上面生成證書的操作）

接下去把上面生成的證書導(dǎo)入nginx，方法也很簡單，在相應(yīng)的配置文件里加上：

listen 443 ssl;

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

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

另外，用這個(gè)方法生成的https證書，也可以用在自己的網(wǎng)站上，讓自己的網(wǎng)站更安全一些，關(guān)鍵是還不用錢。證書在大部分主流的瀏覽器上都測過沒問題，至少比國內(nèi)的大部分證書靠譜（國內(nèi)的不少https證書都被谷歌等公司的瀏覽器封鎖了）。加上這三個(gè)代碼就ok了，重啟nginx生效。

（這是作者本人探索的方法，有什么法律問題作者概不負(fù)責(zé)。不過letsencrypt聲稱是開源的，大膽用）

二、預(yù)覽及調(diào)試

1、預(yù)覽

開發(fā)者開發(fā)完一個(gè)應(yīng)用時(shí)，為了查看有沒有問題，或想看看真實(shí)的體驗(yàn)怎么樣，都會選擇在手機(jī)上先預(yù)覽一下再發(fā)布。

如圖，選擇項(xiàng)目，再點(diǎn)擊預(yù)覽。如果你的appId沒問題的話，這里就會先幫你打包上傳代碼，打包完之后的代碼非常小，我們本例中的demo，只有20k左右。上傳完之后，會彈出一個(gè)二維碼。

只能用登錄這個(gè)開發(fā)工具的賬號掃描才可能預(yù)覽。而且25分鐘過期。

前幾次掃描，由于要加載一些資源文件，所以會出現(xiàn)一個(gè)界面：

然后進(jìn)入主頁面，長這個(gè)樣子：

看起來跟網(wǎng)頁H5應(yīng)用差別不大，主要還是在體驗(yàn)上（反應(yīng)速度、流暢度等等）

2、調(diào)試

右上角“…”彈出來的菜單：

大家可能會注意到，它可以直接在手機(jī)上調(diào)試，點(diǎn)擊“打開調(diào)試”可以先看下它的效果，會有一個(gè)提示：

需要你重新掃碼進(jìn)入。接著會有右下角顯示一個(gè)按鈕：

點(diǎn)擊它就可以進(jìn)入控制臺，如下：

有兩個(gè)主要的tab，一個(gè)記錄程序打出來的普通日志，包含Info、Warn、Error等；另一個(gè)是系統(tǒng)的信息：

這里主要是查看系統(tǒng)及網(wǎng)絡(luò)相關(guān)的一些信息

開發(fā)者在調(diào)試的時(shí)候，打出來的日志可以在第一個(gè)tab上查看，之所以需要這個(gè)控制臺，可能還是因?yàn)樾〕绦虿恢С?alert，調(diào)試時(shí)不方便看數(shù)據(jù)。

三、發(fā)布

1、上傳

開發(fā)完之后，確認(rèn)沒問題，就可以點(diǎn)擊上圖中的“上傳”按鈕，上傳到微信后臺，這里也只有管理員和開發(fā)者才能進(jìn)行操作。可以看到上傳的編譯包大小其實(shí)是很小的，只有24k，這里主要是沒有本地圖片的原因，有圖片的話會大些。

2、提交前準(zhǔn)備

登錄微信小程序的后臺，如圖：

上傳完之后，下一步就是提交審核。

不過在這之前，需要我們做幾個(gè)操作：

（1）補(bǔ)充小程序的基本信息，如名稱、圖標(biāo)、描述等

（2）如果發(fā)布者不是管理員，則必須要在這里添加開發(fā)者，進(jìn)行代碼上傳和發(fā)布

（3）配置服務(wù)器域名，如果你的小程序用到了網(wǎng)絡(luò)請求，那么這里要先在“設(shè)置”-“開發(fā)設(shè)置”里添加域名。

（4）提交審核

小程序的基礎(chǔ)信息，如名稱、圖標(biāo)等是這個(gè)賬號全局的信息。logo圖標(biāo)一個(gè)月內(nèi)可申請修改5次。而名稱一旦設(shè)置，就不能再修改了，而且不得與公眾平臺已有的訂閱號、服務(wù)號重復(fù)，。

如果開發(fā)者本人就是管理員，則上面的第（2）步可以忽略，因?yàn)楣芾韱T“自動擁有開發(fā)者的所有權(quán)限，無需重復(fù)綁定”。

一個(gè)郵箱賬號只能申請一個(gè)小程序，如果想開發(fā)多個(gè)小程序怎么辦？有說明：除個(gè)體工商戶類型可認(rèn)證5個(gè)小程序外，其他類型一個(gè)主體可認(rèn)證50個(gè)小程序。也就是說，如果你是企業(yè)主體，你可以弄50個(gè)郵箱，申請50個(gè)賬號，開發(fā)50個(gè)小程序，而且每個(gè)都必須認(rèn)證才能發(fā)布。

所以設(shè)置名稱要謹(jǐn)慎，一旦設(shè)置了一個(gè)，你就少了一次機(jī)會。

另外，對于服務(wù)器域名，再次強(qiáng)調(diào)一下，一定要配置https，否則你是沒辦法用api進(jìn)行網(wǎng)絡(luò)數(shù)據(jù)請求的。

3、提交審核

前面的準(zhǔn)備工作做完后，點(diǎn)擊左側(cè)的“開發(fā)管理”菜單，就可以看到之前我們上傳的包：

點(diǎn)擊提交審核，彈出二維碼：

掃碼通過之后，進(jìn)入補(bǔ)充審核信息的頁面：

這里可以綁定測試微信號，這個(gè)號最好是用戶不常用的賬號，因?yàn)槲⑿诺膶徍巳藛T要登錄你的這個(gè)賬號進(jìn)行審核。當(dāng)然不提供這個(gè)測試賬號也沒事，這個(gè)功能感覺有點(diǎn)雞肋。

下方區(qū)域要配置添加功能頁面：

這些功能頁面，主要是為了方便用戶快速搜索到你的應(yīng)用。可以添加多個(gè)功能頁面，增加被搜索到的概率。

填寫完之后，提交審核。

上圖，提交后會顯示“審核中”，大概兩三個(gè)工作日會通過（這是作者的小程序?qū)徍说臅r(shí)間，這個(gè)時(shí)間不一定，看具體情況）。右邊有個(gè)“詳情”鏈接，點(diǎn)擊可查看版本詳情：

最后通過審核時(shí)，就可以看到如下界面：

這里的“提交發(fā)布”按鈕還不能點(diǎn)，微信還沒有開放上線的操作，所以目前也只能到這一步。等微信放開的時(shí)候，再提交發(fā)布就可以了。

本文轉(zhuǎn)自（）