手機(jī)版WPS 手機(jī)版wps免費(fèi)下載
2022-11-29
更新時(shí)間:2022-04-17 13:51:49作者:未知
微信小程序上線一月有余,開(kāi)發(fā)小程序的步伐也越來(lái)越快,但是對(duì)于一些中小型企業(yè),和線下實(shí)體店沒(méi)有自己的研發(fā)團(tuán)隊(duì),面對(duì)開(kāi)發(fā)簡(jiǎn)單的微信小程序,該怎么辦呢?下面也就為打擊分享一下微信小程序的搭建教程,同時(shí)為大家推薦一款可以一鍵搭建小程序的開(kāi)發(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ú)(如果亂寫(xiě)會(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)備域名和配置證書(shū)
如果你已經(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è)證書(shū)。如果沒(méi)有域名,可以先到花生殼注冊(cè)一個(gè)免費(fèi)的域名,然后登錄微信公眾平臺(tái)配置通信域名。
第五步:Nginx 配置 https
微信小程序云端示例鏡像中,已經(jīng)部署好了 Nginx,但是還需要修改配置中的域名、證書(shū)、私鑰。配置完成后,重新加載配置文件并且重啟 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)的域名。