天天看點

微信小程式開發文檔官方版釋出

  微信公衆平台團隊喜歡在深夜給人驚喜,這不,微信小程式開發文檔昨晚23點半發出了,很多開發者表示要興奮得睡不着了。和ytkah一起看看小程式文檔吧!小程式文檔包含:小程式簡易教程、小程式架構、小程式元件、小程式API、小程式工具、Q&A

微信小程式開發文檔官方版釋出

1. 擷取微信小程式的 AppID

如果你是收邀請的開發者,我們會提供一個帳号,利用提供的帳号,登入 https://mp.weixin.qq.com ,就可以在網站的“設定”-“開發者設定”中,檢視到微信小程式的 AppID 了,注意不可直接使用服務号或訂閱号的 AppID 。

如果是遊客模式,可以跳過本步驟

微信小程式開發文檔官方版釋出

注意:如果我們不是用注冊時綁定的管理者微信号,在手機上體驗該小程式。那麼我們還需要操作“綁定開發者”。即在“使用者身份”-“開發者”子產品,綁定上需要體驗該小程式的微信号。本教程預設注冊帳号、體驗都是使用管理者微信号。

2. 建立項目

​ 開發者工具安裝完成後,打開并使用微信掃碼登入。選擇建立“項目”,填入上文擷取到的 AppID ,設定一個本地項目的名稱(非小程式名稱),比如“我的第一個項目”,并選擇一個本地的檔案夾作為代碼存儲的目錄,點選“建立項目”就可以了。

​ 為友善初學者了解微信小程式的基本代碼結構,在建立過程中,如果選擇的本地檔案夾是個空檔案夾,開發者工具會提示,是否需要建立一個 quick start 項目。選擇“是”,開發者工具會幫助我們在開發目錄裡生成一個簡單的 demo。

微信小程式開發文檔官方版釋出

項目建立成功後,我們就可以點選該項目,進入并看到完整的開發者工具界面,點選左側導航,在“編輯”裡可以檢視和編輯我們的代碼,在“調試”裡可以測試代碼并模拟小程式在微信用戶端效果,在“項目”裡可以發送到手機裡預覽實際效果。

3. 編寫代碼

建立小程式執行個體

​ 下面我們簡單了解這三個檔案的功能,友善修改以及從頭開發自己的微信小程式。

 app.json 是對整個小程式的全局配置。我們可以在這個檔案中配置小程式是由哪些頁面組成,配置小程式的視窗

上一篇: 日記
下一篇: 日記

繼續閱讀