微信小程序開發流程


  

  2017年1月9日,張小龍在2017微信公開課Pro上發布的小程序正式上線,一夜之間,小程序可謂家喻戶曉,但通過接下來的幾個月的觀察,微信小程序並沒有想象中的那么火爆。進入4月以來,微信小程序團隊進行了多次發文調整,並放開了個人公眾號快速注冊小程序能力。可以明顯感覺到,微信小程序已經在發力了。不管未來如何,作為一名碼農,咱還是先了解下小程序的開發流程及規范,以備不時之需!

  按照慣例,學習一門新技術或者新框架,咱們還是從官方提供的文檔開始,於是找到微信小程序官方教程(https://mp.weixin.qq.com/debug/wxadoc/dev/)

  

  1、注冊微信小程序賬號

  按照文檔指引,咱們得先注冊一個微信下程序的賬號,訪問地址(https://mp.weixin.qq.com/cgi-bin/registermidpage?action=index&lang=zh_CN),選擇“小程序”,按要求填寫相關信息即可完成微信小程序的注冊。(ps:微信嚴格區分個人公眾號與小程序,因此微信小程序的注冊郵箱不可以與微信個人公眾號的郵箱相同)

  

 

  2、獲取微信小程序的 AppID

  注冊完成后登錄,就可以在網站的“設置”-“開發者設置”中,查看到微信小程序的 AppID 了,注意不可直接使用服務號或訂閱號的 AppID 。

  

 

  3、下載微信小程序開發者工具

  由於微信小程序的代碼及規范相對封閉,因此按照微信官方的說法,為了幫助開發者簡單和高效地開發微信小程序,推出了全新的開發者工具(https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/devtools.html),集成了開發調試、代碼編輯及程序發布等功能。

 

  4、創建demo項目

  下載完成后,選擇創建“項目”,填入上一步獲取到的AppID,設置本地項目的名稱(非小程序名稱),如:demo,並選擇一個本地的文件夾作為代碼存儲的目錄,點擊“新建項目”就可以了。

  為了方便上手,咱們先使用微信官方提供的樣例源碼(https://mp.weixin.qq.com/debug/wxadoc/dev/demo/quickstart.zip)。

  

  項目創建成功后,我們就可以點擊該項目,進入並看到完整的開發者工具界面,點擊左側導航,在“編輯”里可以查看和編輯我們的代碼,在“調試”里可以測試代碼並模擬小程序在微信客戶端效果,在“項目”里可以發送到手機里預覽實際效果。

 

  5、手機預覽

  開發者工具左側菜單欄選擇"項目",點擊"預覽",掃碼后即可在微信客戶端中體驗。

  

 

 

 

  6、代碼上傳

  開發者工具左側菜單欄選擇"項目",點擊"上傳"即可將代碼上傳到微信小程序服務器。

  

  7、小程序發布

  登錄微信公眾平台並訪問小程序首頁(https://mp.weixin.qq.com/wxopen/initprofile?action=home&lang=zh_CN),按要求完成第1步,填寫小程序相關信息及用戶身份信息(暫時可綁定5個開發者和10個體驗者),然后點擊第2步“前往發布”按鈕,按要求填寫小程序相關信息及版本信息即可提交審核。

  

  

  至此,微信小程序相關流程已經基本走完,接下來等待微信官方審核,然后與具體的微信公眾號綁定即可進行訪問。

  ps:關於微信小程序具體的代碼編寫及規范可詳見微信官方的開發者文檔,這里就不做詳細介紹了。

---------------------------------------------------------------------------------------------------------------------------- 

ps:除了代碼之外,咱還可以聊點別的,有興趣可以關注我的個人微信公眾號!

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM