轉(zhuǎn)帖|行業(yè)資訊|編輯:蔣永|2017-01-11 09:54:49.000|閱讀 477 次
概述:前日微信小程序的上線備受矚目,今天小編給大家?guī)砦⑿判?程序的發(fā)布過程詳解,干貨滿滿,需要的小伙伴趕緊收藏了!
# 界面/圖表報(bào)表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
本文前提是讀者已經(jīng)申請到了小程序的賬號,拿到了appId,并且也開發(fā)完了要上線的應(yīng)用的情況下小程序的預(yù)覽和發(fā)布流程。
首先要說明的一點(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聲稱是開源的,大膽用)
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ù)。
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)自()
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@ke049m.cn