微信小程序開(kāi)發(fā)流程,微信小程序開(kāi)發(fā)發(fā)布上線只需要八步
對(duì)于開(kāi)發(fā)微信小程序,下面簡(jiǎn)單介紹下微信小程序開(kāi)發(fā)步驟
第一步:搭開(kāi)發(fā)環(huán)境
首先,我們需要在本地搭建好微信小程序的開(kāi)發(fā)環(huán)境。即下載開(kāi)發(fā)者工具。微信官方已經(jīng)推出了正式版 IDE,打開(kāi)官網(wǎng)下載頁(yè)面,根據(jù)自己的操作系統(tǒng)選擇。安裝好之后打開(kāi)運(yùn)行,會(huì)要求微信掃碼登陸。之后,就可以看到創(chuàng)建項(xiàng)目的頁(yè)面了。選擇添加項(xiàng)目,沒(méi)有 AppID 就選無(wú)(如果亂寫會(huì)報(bào)錯(cuò),到時(shí)可能無(wú)法進(jìn)入項(xiàng)目)。點(diǎn)擊“添加項(xiàng)目”之后,我們會(huì)進(jìn)入開(kāi)發(fā)工具的調(diào)試頁(yè)面。
第二步:下載小程序源碼
接下來(lái),我們下載小程序的源碼??梢赃x擇直接從官網(wǎng)提供的鏈接下載,也可以從微信團(tuán)隊(duì)的 Github 倉(cāng)庫(kù)拉取。推薦從 Github 倉(cāng)庫(kù)拉取,這樣可以及時(shí)獲取最新的代碼。
第三步:云端部署 server 代碼
第四步:準(zhǔn)備域名和配置證書
如果你已經(jīng)有小馬哥的服務(wù)器和域名,并配置好了 https,那么可以跳過(guò)第 4-6 步了。在微信小程序中,所有的網(wǎng)絡(luò)請(qǐng)求受到嚴(yán)格限制,不滿足條件的域名和協(xié)議無(wú)法請(qǐng)求。簡(jiǎn)單來(lái)說(shuō),就是你的域名必須走 https 協(xié)議。所以你還需要為你的域名申請(qǐng)一個(gè)證書。如果沒(méi)有域名,可以先到花生殼注冊(cè)一個(gè)免費(fèi)的域名,然后登錄微信公眾平臺(tái)配置通信域名。
第五步:Nginx 配置 https
微信小程序云端示例鏡像中,已經(jīng)部署好了 Nginx,但是還需要修改配置中的域名、證書、私鑰。配置完成后,重新加載配置文件并且重啟 Nginx。
第六步:域名解析
我們還需要添加域名記錄,將域名解析到云服務(wù)器上,這樣才可以使用域名進(jìn)行 https 服務(wù)??梢栽诨ㄉ鷼ぷ?cè)個(gè)域名,通過(guò)花生殼控制臺(tái)來(lái)添加主機(jī)記錄,解析生效后,域名就支持 https 訪問(wèn)了。
第七步:?jiǎn)?dòng)小程序的服務(wù)端,進(jìn)入相應(yīng)目錄
如果是你自己的服務(wù)器,請(qǐng)進(jìn)入相應(yīng)的文件夾啟動(dòng)
第八步:配置小程序通信域名
接下來(lái),在微信 web 開(kāi)發(fā)者工具打開(kāi)小程序項(xiàng)目,并把源文件config中的通訊域名 host 修改成你自己申請(qǐng)的域名。
更多關(guān)于微信小程序開(kāi)發(fā)內(nèi)容,可以多關(guān)注hi小程序。
第二部分:如何開(kāi)通一個(gè)小商店