微信開(kāi)發(fā)者工具怎么開(kāi)發(fā)小程序

微信開(kāi)發(fā)者工具是微信官方推出的小程序開(kāi)發(fā)平臺(tái)，可以說(shuō)現(xiàn)在開(kāi)發(fā)一個(gè)小程序門(mén)檻越來(lái)越低了，所需的開(kāi)發(fā)成本也隨之降低。2018年微信官方在微信開(kāi)發(fā)者工具的基礎(chǔ)上，還推出了小程序云開(kāi)發(fā)功能。十足的方便。

　　小程序·云開(kāi)發(fā)是微信和騰訊云聯(lián)合研發(fā)的原生 Serverless 云服務(wù)。一般來(lái)說(shuō)， Serverless 包括了 Backend as a Service 和 Func as a Service，而云開(kāi)發(fā)則結(jié)合微信提供的各種能力，實(shí)現(xiàn)了免登陸鑒權(quán)，以及無(wú)縫地調(diào)用微信開(kāi)放的 API。通過(guò)簡(jiǎn)化復(fù)雜的后端和運(yùn)維操作，讓即便不具備一定后端知識(shí)的開(kāi)發(fā)者，也能高效開(kāi)發(fā)出一款高質(zhì)量的小程序。

　　云開(kāi)發(fā)系統(tǒng)主要分為三部分：終端層、接入層和資源層。

　　終端層：為開(kāi)發(fā)者工具提供了完善的開(kāi)發(fā)、測(cè)試和運(yùn)營(yíng)能力，可以滿足大部分開(kāi)發(fā)者的需求。而 HTTP API 則提供了小程序外訪問(wèn)云開(kāi)發(fā)資源的能力，使用 HTTP API 開(kāi)發(fā)者可在已有服務(wù)器上訪問(wèn)云資源，實(shí)現(xiàn)與云開(kāi)發(fā)的互通;

　　接入層：云開(kāi)發(fā)請(qǐng)求都經(jīng)過(guò)微信后臺(tái)，由微信來(lái)保障通信安全、提供身份鑒權(quán);

　　資源層：由騰訊云來(lái)提供函數(shù)服務(wù)和后臺(tái)服務(wù)，以及保障云資源數(shù)據(jù)安全。

　　為了保障云開(kāi)發(fā)后臺(tái)架構(gòu)以及穩(wěn)定性，云開(kāi)發(fā)設(shè)計(jì)了容災(zāi)架構(gòu)。小程序·云開(kāi)發(fā)后臺(tái)服務(wù)采用多 IDC 多園區(qū)部署，做到了跨園區(qū)的容災(zāi)，每個(gè)園區(qū)都冗余一定的服務(wù)能力，當(dāng)某個(gè)園區(qū)發(fā)生故障時(shí)，請(qǐng)求會(huì)自動(dòng)路由到另外的兩個(gè)園區(qū)，由另外兩個(gè)園區(qū)繼續(xù)提供服務(wù)，不會(huì)對(duì)業(yè)務(wù)產(chǎn)生影響。

　　而在網(wǎng)絡(luò)層面，微信對(duì)用戶采取就近接入原則，提高了接入質(zhì)量。在這個(gè)基礎(chǔ)上，借助 newDNS 實(shí)現(xiàn)精細(xì)和實(shí)時(shí)的引導(dǎo)，通過(guò)識(shí)別用戶客戶端版本、網(wǎng)絡(luò)環(huán)境等數(shù)據(jù)，下發(fā) IP 列表，引導(dǎo)用戶接入到最合適的接入點(diǎn)，進(jìn)一步提高用戶的接入質(zhì)量。

　　在安全性方面，云開(kāi)發(fā)通過(guò)全鏈路的票據(jù)系統(tǒng)來(lái)保障整個(gè)請(qǐng)求鏈路的安全。如下圖所示，首先是用戶請(qǐng)求從微信客戶端到微信后臺(tái)服務(wù)這部分，云開(kāi)發(fā)請(qǐng)求借助了微信底層的私有協(xié)議 mmtls 和微信后臺(tái)服務(wù)進(jìn)行通信，當(dāng)業(yè)務(wù)層數(shù)據(jù)加上 mmtls 后，即可做到防竊聽(tīng)、防篡改、防重放、防偽裝等安全措施。

　　而當(dāng)微信后臺(tái)收到云開(kāi)發(fā)請(qǐng)求后，會(huì)先校驗(yàn)用戶的身份，并通過(guò)全程票據(jù)來(lái)保障數(shù)據(jù)的安全性。具體是如何保障的呢?用戶登錄后，后臺(tái)會(huì)下發(fā)一個(gè)票據(jù)給客戶端，客戶端每次請(qǐng)求均會(huì)帶上票據(jù)。在后臺(tái)服務(wù)的整個(gè)處理鏈條中，所有對(duì)核心數(shù)據(jù)服務(wù)的訪問(wèn)，都會(huì)被校驗(yàn)票據(jù)是否合法，如若為非法請(qǐng)求則會(huì)被拒絕，以此保障用戶隱私數(shù)據(jù)，只能通過(guò)用戶的客戶端發(fā)起的操作來(lái)進(jìn)行訪問(wèn)。

　　由于云開(kāi)放的整個(gè)鏈路都是經(jīng)過(guò)鑒權(quán)的，云開(kāi)發(fā)在執(zhí)行云函數(shù)時(shí)，后臺(tái)會(huì)自動(dòng)校驗(yàn)請(qǐng)求票據(jù)，開(kāi)發(fā)者可以無(wú)縫的使用微信的開(kāi)放能力，無(wú)需再通過(guò)常規(guī)的 OAuth 授權(quán)并自行維護(hù) AccessToken。而“小程序·云開(kāi)發(fā)”對(duì)數(shù)據(jù)訪問(wèn)鏈路做的專門(mén)優(yōu)化，也促使小程序更快的數(shù)據(jù)加載速度。

　　此外，對(duì)于小程序開(kāi)發(fā)者普遍關(guān)心的性能問(wèn)題，微信小程序團(tuán)隊(duì)相關(guān)負(fù)責(zé)人也在小程序·云開(kāi)發(fā)技術(shù)峰會(huì)上進(jìn)行了深入解讀。以云函數(shù)為例，執(zhí)行云函數(shù)需要經(jīng)過(guò)創(chuàng)建容器、下載代碼、部署執(zhí)行三個(gè)部分。由于容器的啟動(dòng)是一個(gè)很費(fèi)時(shí)的操作，所以通過(guò)函數(shù)實(shí)例復(fù)用、容器實(shí)例預(yù)創(chuàng)建，熱點(diǎn)代碼緩存等優(yōu)化，將云函數(shù)容器的啟動(dòng)時(shí)間從秒級(jí)變成了毫秒級(jí)。而在容器冷啟動(dòng)的過(guò)程中，開(kāi)發(fā)者可以做代碼精簡(jiǎn)(縮短下載時(shí)間)、資源復(fù)用(縮短執(zhí)行時(shí)間)、公共剝離(增加緩存效果)、保持活躍(避免資源回收)等工作。

　　同時(shí)，為了提高云函數(shù)的性能，云開(kāi)發(fā)也在通信、業(yè)務(wù)和網(wǎng)絡(luò)層做了一些優(yōu)化。在通信層，改造私有協(xié)議，優(yōu)化長(zhǎng)連復(fù)用;在業(yè)務(wù)層，分不同段請(qǐng)求，優(yōu)化內(nèi)部調(diào)用鏈路;在網(wǎng)絡(luò)層，壓縮系統(tǒng)間網(wǎng)絡(luò)開(kāi)銷，從純異步的方式改造成多段同步的方式。

　　正因如此，自今年以來(lái)云函數(shù)請(qǐng)求性能已經(jīng)提升了 60%。據(jù)了解，小程序端一次云函數(shù)的請(qǐng)求，在測(cè)試環(huán)境中也已降到 140 毫秒，其中的相關(guān)優(yōu)化也將在下一個(gè)微信版本中進(jìn)行發(fā)布。

　　附：微信開(kāi)發(fā)者工具開(kāi)發(fā)小程序的基本步驟

　　1.獲取微信小程序的AppID

　　首先，我們需要擁有一個(gè)帳號(hào)，如果你能看到該文檔，我們應(yīng)當(dāng)已經(jīng)邀請(qǐng)并為你創(chuàng)建好一個(gè)帳號(hào)。注意不可直接使用服務(wù)號(hào)或訂閱號(hào)的 AppID。 利用提供的帳號(hào)，登錄https://mp.weixin.qq.com,就可以在網(wǎng)站的「設(shè)置」-「開(kāi)發(fā)者設(shè)置」中，查看到微信小程序的 AppID 了。

　　2.創(chuàng)建項(xiàng)目

　　我們需要通過(guò)開(kāi)發(fā)者工具，來(lái)完成小程序創(chuàng)建和代碼編輯。

　　開(kāi)發(fā)者工具安裝完成后，打開(kāi)并使用微信掃碼登錄。選擇創(chuàng)建「項(xiàng)目」，填入上文獲取到的 AppID，設(shè)置一個(gè)本地項(xiàng)目的名稱(非小程序名稱)，比如「我的第一個(gè)項(xiàng)目」，并選擇一個(gè)本地的文件夾作為代碼存儲(chǔ)的目錄，點(diǎn)擊「新建項(xiàng)目」就可以了。

　　為方便初學(xué)者了解微信小程序的基本代碼結(jié)構(gòu)，在創(chuàng)建過(guò)程中，如果選擇的本地文件夾是個(gè)空文件夾，開(kāi)發(fā)者工具會(huì)提示，是否需要?jiǎng)?chuàng)建一個(gè) quick start 項(xiàng)目。選擇「是」，開(kāi)發(fā)者工具會(huì)幫助我們?cè)陂_(kāi)發(fā)目錄里生成一個(gè)簡(jiǎn)單的 demo。

　　項(xiàng)目創(chuàng)建成功后，我們就可以點(diǎn)擊該項(xiàng)目，進(jìn)入并看到完整的開(kāi)發(fā)者工具界面，點(diǎn)擊左側(cè)導(dǎo)航，在「編輯」里可以查看和編輯我們的代碼，在「調(diào)試」里可以測(cè)試代碼并模擬小程序在微信客戶端效果，在「項(xiàng)目」里可以發(fā)送到手機(jī)里預(yù)覽實(shí)際效果。

　　3.編寫(xiě)代碼

　　點(diǎn)擊開(kāi)發(fā)者工具左側(cè)導(dǎo)航的「編輯」，我們可以看到這個(gè)項(xiàng)目，已經(jīng)初始化并包含了一些簡(jiǎn)單的代碼文件。最關(guān)鍵也是必不可少的，是 app.js、app.json、app.wxss 這三個(gè)。其中，.js 后綴的是腳本文件，.json 后綴的文件是配置文件，.wxss 后綴的是樣式表文件。微信小程序會(huì)讀取這些文件，并生成小程序?qū)嵗?/p>

　　4.創(chuàng)建頁(yè)面

　　在這個(gè)教程里，我們有兩個(gè)頁(yè)面，index 頁(yè)面和 logs 頁(yè)面，即歡迎頁(yè)和小程序啟動(dòng)日志的展示頁(yè)，他們都在 pages 目錄下。微信小程序中的每一個(gè)頁(yè)面的【路徑+頁(yè)面名】都需要寫(xiě)在 app.json 的 pages 中，且 pages 中的第一個(gè)頁(yè)面是小程序的首頁(yè)。

　　每一個(gè)小程序頁(yè)面是由同路徑下同名的四個(gè)不同后綴文件的組成，如：index.js、index.wxml、index.wxss、index.json。.js 后綴的文件是腳本文件，.json 后綴的文件是配置文件，.wxss 后綴的是樣式表文件，.wxml 后綴的文件是頁(yè)面結(jié)構(gòu)文件。

　　頁(yè)面的樣式表是非必要的。當(dāng)有頁(yè)面樣式表時(shí)，頁(yè)面的樣式表中的樣式規(guī)則會(huì)層疊覆蓋 app.wxss 中的樣式規(guī)則。如果不指定頁(yè)面的樣式表，也可以在頁(yè)面的結(jié)構(gòu)文件中直接使用 app.wxss 中指定的樣式規(guī)則。

　　5.手機(jī)預(yù)覽

　　微信開(kāi)發(fā)者工具左側(cè)菜單欄選擇「項(xiàng)目」，點(diǎn)擊「預(yù)覽」，掃碼后即可在微信客戶端中體驗(yàn)。

　　以上就是微信開(kāi)發(fā)者工具開(kāi)發(fā)小程序的基本流程，需要一定的技術(shù)才可以實(shí)現(xiàn)，如果企業(yè)沒(méi)有一定的技術(shù)提供，小編建議還是找一個(gè)第三方的小程序開(kāi)發(fā)公司，比如銷客多小程序開(kāi)發(fā)系統(tǒng)，幫助商家快速一站式部署移動(dòng)電商解決方案。了解更多還可以登錄銷客多小程序系統(tǒng)免費(fèi)體驗(yàn)。

來(lái)自公眾號(hào)InfoQ

小程序開(kāi)發(fā)相關(guān)推薦

　　小程序分銷系統(tǒng)_小程序分銷商城_微信小程序三級(jí)分銷開(kāi)發(fā)免費(fèi)體驗(yàn)-HiShop銷客多

　　HiShop銷客多打造2019年全新的SAAS微信小程序分銷系統(tǒng)，快速搭建開(kāi)店，擁有強(qiáng)大的分銷功能，數(shù)十款營(yíng)銷工具，完善的管理體系，有效鎖粉，等諸多優(yōu)勢(shì)，是商家網(wǎng)上開(kāi)店必選的小程序商城系統(tǒng)。

　　5種不同的小程序開(kāi)發(fā)框架 對(duì)比_Hi小程序

　　5種不同的小程序開(kāi)發(fā)框架 對(duì)比.最新消息總結(jié),開(kāi)發(fā)一個(gè)小程序我們可以選擇的第三方框架有5種,大家比較熟悉的有美團(tuán)小程序框架mpvue,還有組件化框架等等..

　　微信小程序開(kāi)發(fā)-分銷小程序商城制作-小程序商店大全免費(fèi)發(fā)布-Hi小程序

　　Hi小程序官網(wǎng),匯集當(dāng)下熱門(mén)微信小程序商城開(kāi)發(fā),提供分銷小程序商城開(kāi)發(fā)隊(duì),不再糾結(jié)分銷小程序商城開(kāi)發(fā)多少錢(qián),免費(fèi)發(fā)布優(yōu)質(zhì)的小程序